Google Chrome開發者工具、Chrome另類使用法
近年聽聞一項外國研究說現代孩子要贏在起跑線上就要學寫程式，其後不久，香港的新聞就播出……現在的電腦教學課程依然落後10年，根本是學無所用。然後不可以只看一面，那時候開始引用專家的專業睇法。
專家的獨特意見是，不應盲目追逐潮流去規範課程(不過他是同意課程落後(笑))。七八年前是網站、數年前是手機程式、現在高薪厚職的是雲端運算。
因為資料科技日新月異，今天教完到畢業已經棄用。
應該教的是學習的能力，解決問題的能力。
回到現在，話說 杜芬宅 一天在周圍逛的時候，發現了一大堆Zelda OST。總計 82 項，要本大懶蟲續條按下載無可能啦。
那耍點小聰明。
開啟網頁後按F12，打開開發者工具
按F12後會在Element的Tab中，點去Console。
不久前杜芬宅會輸入$ ，測試一下網站是否載入jQuery。
其實$在chrome console 是 reserved keywork 。意思是有 特別用途，單以$判斷網站是否載入jQuery有點誤人子弟……(笑
多謝大大指證，被人揭穿了(逃
請大家輸入，也可以在本頁試
(typeof jQuery != 'undefined') ? console.log("jQuery Version \""+jQuery.fn.jquery+"\"") : console.log("Webpage does not import jQuery");
如果看見了jQuery的版本編號，即是代表網站有載入jQuery，那就好辦了。
簡單點 輸入jQuery，當你輸入到一半時已經跳出給你選擇，那就好辦了。
選取第一首歌曲，右按檢視元素
選取第一首歌曲，右按檢視元素。之後會跳到Element，現在便知道網頁的結構是將歌曲放進 表格。為免有其它表格阻礙我們，想將它改名成獨一無二的表格。
例如加入
id="getMp3"
第三步，回到Console
鍵入$("#getMp3") 便可以選擇那個表格，覺得太亂可以按一下 Clear consloe鍵入
$("#getMp3 a").length undefined?? 好那個是錯誤試範。把整段Table的Code複雜去一個杜芬宅信任的網站。其實貼進本頁也可以
貼上後鍵入
$("#getMp3 a").length 知道下載連結共82個，和表格上的顯示一樣。
$("#getMp3 a").each(function(){
console.log($(this).attr("href"));
});
鍵入後一大堆下載連結就走出來了，之後就是
你懂的
不過呢，不建議那麼做
假如本篇文章廣傳，大家不斷的批量下載MP3。讓對方網站造成不必要 寬頻負擔好像有點不道德，雖然你可以說是，對方把連結放出來就預了有人下載的了。除此之外，Zelda Ocarina of Time 那些名作的 Original Soundtrack 有理由令杜芬宅相信存在版權問題。
因此之故，大家請視那為學術性文章，一篇jQuery 的應用實例 以及 Chrom 開發者工具中的Element及Consloe 的運用
Chrome 書籤 『去掉』 Facebook廣告
很久之前見聞有達人，只靠Bookmark 就在Chrome做出了不同的文字編輯器。真是太瘋狂，大家不要誤會，那大部份是讚美。現在多了很多類似Google Keep，OneNote等雲服務，隨手便可以記錄任何資訊。雖然那些現成的編輯器作用是不大，不過還是很厲害。
例如那個貼到網址列便是一個Javascript Editor
在 杜芬宅 經常留連忘返的Facebook遊戲中，就遇上一個問題。
就是一群螢幕比較小的朋友，有1/4的畫面被廣告覆蓋了。令玩遊戲的地方變小了，經常要左右捲來捲去
首先那是 杜芬宅 的視點，灰色部份的是遊戲空間。
然後那是1024寬的玩家視點，你會發現右上方的信封看不見了。因為螢幕太少
好的遊戲設計應該是那樣的
杜芬宅 的視點
1024的玩家視點
杜芬宅 第一時間 想到的是AdBlock，但是block廣告後你只是看不到廣告。那個廣告區域仍然存在，只是留白了。
那算了，隱藏它當成視而不見。
請將那個連結 杜芬宅-變寬 拉到Chrome的書籤，然後回到遊戲頁按一下那個書籤
javascript:(function() { function hidden(element){ document.getElementById(element).style.display="none"; } hidden("rightCol");})()
原理是把廣告那區域設為隱藏，所以廣告會照常載入。速度不會變快的啊。 那招是現學現賣的
我們看一看分別
杜芬宅 的視點
1024的朋友的視點
====================================================================
外部連結︰
- Google Chrome開發者工具、Chrome另類使用法
- http://www.zeldadungeon.net/Soundtracks-Ocarina%20of%20Time%20Original%20Soundtrack.php
- http://www.minwt.com/html/7737.html
- http://img.minwt.com/img/Content/webdesign/chrome-eidter/chrome-edit.html
- http://stackoverflow.com/questions/6973941/how-to-check-what-version-of-jquery-is-loaded
- Chrome 書籤 『去掉』 Facebook廣告
- http://translate.google.com/translate_buttons?hl=zh-tw
- http://keepvid.com/
No comments:
Post a Comment