Pages

03/05/2014

Google Chrome開發者工具、Chrome另類使用法


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的玩家視點
不論遊戲是否有顧及不同玩家的使用者體驗,有朋友找 杜芬宅 去掉Facebook的廣告令他可以有更多的遊戲空間。
杜芬宅 第一時間 想到的是AdBlock,但是block廣告後你只是看不到廣告。那個廣告區域仍然存在,只是留白了。

那算了,隱藏它當成視而不見。

請將那個連結 杜芬宅-變寬 拉到Chrome的書籤,然後回到遊戲頁按一下那個書籤
javascript:(function() { function hidden(element){ document.getElementById(element).style.display="none"; } hidden("rightCol");})()
原理是把廣告那區域設為隱藏,所以廣告會照常載入。速度不會變快的啊。
那招是現學現賣的

我們看一看分別
杜芬宅 的視點


1024的朋友的視點

No comments:

Post a Comment