Google Chrome 的 DevTools 現在支援手機平台的網頁開發了

Google Chrome 的最新版加入了手機網頁應用程式開發功能,現在你可以直接使用 DevTools 進行手機網頁應用程式的開發與除錯了。 Google 最近釋出了 Windows、Mac、Linux 與 Android 平台的 Chrome 32 beta 版,並且針對 DevTools 加入了手機平台的網頁開發功能,現在手機的開發人員可以利用這個功能對手機版的網頁應用程式(web apps)進行開發與除錯的動作,當你在設計應用程式時,新的 DevTools 可以在開發環境中直接看到手機的畫面,以下是它的操作過程。 ...

December 4, 2013 · G. T. Wang

使用 ScrollUp jQuery Plugin 在網頁與部落格中加入回到頁首(Back To Top)按鈕

這裡介紹如何使用 scrollUp jQuery Plugin,在網頁與部落格中加入回到頁首(Back To Top)的按鈕。 有些網頁設計者會在一些內容比較長的網頁中加入回到頁首(Back To Top)的按鈕,這種按鈕在一開始載入網頁時並不會顯示,而在使用者往下捲動網頁內容時就會自動出現在畫面的角落,只要使用者用滑鼠點一下這個按鈕,就會自動將捲軸拉到最上方,是一個可以讓使用者更方便瀏覽網頁的小功能。 ...

December 2, 2013 · G. T. Wang

自定 Google Chrome 網頁開發人員工具(DevTools)佈景主題教學

這裡教大家如何自定 Google Chrome 瀏覽器的網頁開發人員工具(Chrome Developer Tools)佈景主題。 在 Google Chrome 瀏覽器中有提供了一個 DevTools 網頁開發人員工具,它可以讓網頁開發者非常方便的在上面開發網頁或除錯,而這個工具在預設的情況下是使用白底灰字的布景主題,如果你是需要長時間使用這個工具開發的人,這樣的配色可能會讓眼睛很吃力。 ...

November 27, 2013 · G. T. Wang

在 Google Chrome 中使用 console.table() 函數進行 JavaScript 程式除錯(Debug)

這裡介紹如何在 Google Chrome 瀏覽器中使用 console.table() 函數進行 JavaScript 程式的除錯(Debug)。 在 Web Developer Conference 2013 這個研討會中,Marcus Ross 提供大家各種在 Google Chrome 特有的 JavaScript 除錯(debug)方法,這裡我們介紹其中一種使用 console.table() 函數的方式。 ...

November 23, 2013 · G. T. Wang

更改 Google AdSense 廣告程式碼進行 A/B 測試(A/B Testing)

這裡介紹如何更改 AdSense 廣告程式碼進行 A/B 測試,增加網站的廣告效益。 A/B 測試是網站在做最佳化時常用的手法,尤其是在調整廣告的擺放方式時,非常有用。舉個例子來說,假設你想在網站首頁上放置一個 Google AdSense 廣告,而一般的廣告有好多種形式,例如圖形的廣告與文字的廣告,而文字的廣告又可以自由選擇配色,到底該選擇哪一種廣告樣式才會有比較好的效益是個很複雜的問題。 ...

November 20, 2013 · G. T. Wang