我想最近最受囑目的iT界大事莫過於Microsoft Tech.Days 2010 Taiwan這件事了!今天開始熊會陸陸續續分享參加的實際過程、跟大家一起分享...
其實自從用了 Evernote 後, 就很少有需要將整個網頁存起來的需求了, 不過 mht 還是有它的方便性在, Chrome 也有提供簡單的方式來下載 man...
今天我們要開始來一起討論如何使用原始碼面版 (Sources panel) 來除錯你的網頁。在開發者工具中,我最常用的面版就是元素面版跟原始碼面版,每當我在進行...
因著現在行動裝置的流行,還有響應式網頁設計 (Responsive Web Design, RWD) 在這幾年成為設計網站流程中重要的一環,Chrome 開發者...
當使用 xhr 在網路上抓資料時, 若遇上需要登入的部份, 就可能需要對 cookie 進行操作, 如果再配合上一篇介紹的 Storage, 想做一個能'在同個...
我想最近最受囑目的iT界大事莫過於Microsoft Tech.Days 2010 Taiwan這件事了!今天開始熊會陸陸續續分享參加的實際過程、跟大家一起分享...
一年多前 google 自己推出的右鍵搜圖 Search by Image 套件, 沒想到今天已經變成內建的了(新版Chrome 按右鍵找圖) 所以今天就來寫一...
接下來的幾天我們會很快的把所有的 Chrome 開發者工具的面版走過一遍,並且有一點簡單的介紹,讓大家對這些面版有些基本的認識,之後我們會針對幾個我認為比較重要...
到目前為止,我們已經知道怎麼在開發工具裡設置中斷點,也一起討論了兩種設置中斷點的方法跟它們的差異。今天我們要介紹更多除錯的小技巧,準備好了嗎? 使用 JS 除錯...
我們用了兩天的時間把如何透過元素面版來動態編輯文件物件模型 (DOM) 講完了,今天我們要一起看的功能是動態編輯元素的樣式。樣式控制台 (Styles pane...
文章同步分享於 堡政島 http://www.dotblogs.com.tw/holmes2136/Default.aspx 當我們在查詢 Javascript...
Hi!大家好,今天來教大家如何玩壞Google Chrome小恐龍,這款Chrome離線小恐龍跑酷遊戲,一般是在開啟Chrome瀏覽器並在離線狀態下可以玩到的遊...
自從Google有了自己的瀏覽器,我一直是Chrome的愛用者,那時IE還沒有辦法同時開啟兩個以上的頁籤瀏覽網頁,而Fire Fox又時常不穩時。Chrome還...
使用方式: 1.只要是有href、link的網頁元素會在右上角顯示EZ圖案 2.滑鼠點選它,就可以不用開新頁面下瀏覽網頁 :-) 連結: ezLinkPrevi...
因為前兩篇的 Notification, 在圖示上只能使用本地或 DataUrl, 因此打算從 DataUrl 下手的...沒想到.. 以下是錯誤示範, 會...
這篇開始介紹 Chrome 相關的 API, 首先分享最常接觸到的 TAB 相關操作. manifest.json { "manifest_v...
很久前看到這功能時還在 Dev, 今天發現已經能正式使用了就趕緊拿來練習一下. manifest.json { "manifest_versi...
前一陣子新聞, 美國有許多軟體商不支援IE7及以下, 因為成本太高了, 這只是公司的成本考量, 而澳洲的這家零售商更猛, 直接加高達6.8%的IE稅: http...
前言 過去要將網頁轉 QRcode 需透過擴充功能(extensions)尋找合適的套件才得以實現,從 Chrome 85 電腦版開始,將此功能納入實驗中惹,未...
圖 1 : 在早期電腦中發現真正的臭蟲 較早期的除錯方式 今天要來談談一點前端除錯的歷史。在開發者工具出來前,比較常見用來除錯的JavaScript 工具有 a...
不知不覺已經來到一半的日子了,其實後半有很多內容我還在一邊構思一邊規劃,不過就繼續走下去吧! Notion Web Clipper 不同於前面介紹的社群套件,今...
http://www.cool3c.com/article/70240 所以有用Chrome最好要清除記錄或是電腦不要給人用 難怪我之前在網咖用Chrome的f...
上一篇提到了利用 manifest.json 來建立一個簡單的程式雛型, 這篇開始介紹 manifest.json 檔裡的属性及對應的用途. 在 manifes...
之前在第三篇的安全策略中提到 Chrome Extension 禁止了 eval 的使用, 這篇就來提一下如何利用 HTML5 的新特性來繞過它吧! mani...
今天算是正式文章的最後一篇 (明天要發完賽感言XD),在鐵人賽一開始的時候,我本來想規劃幾天的時間來跟大家一起來討論效能面版 (Performance pane...
今天要一起來看的面版是元素面版,如果你是第一次使用 Chrome 開發者工具,元素面版應該就會是你打開開發者工具後的第一個面版,這個面版其實是由幾個小的控制面版...
在之前想要做 網頁快照、Clipper 類似的擴充功能時, 因為必須要適用所有的網頁, 所以在申明權限時得使用 <all_urls>, 這樣在安裝時...
完成除錯後,接著就要幫我們開發的頁面進行效能上的檢測和優化。在現在各種裝置的普及,前端應用也愈多樣複雜,使用者對於速度也就愈要求。 為了提升使用者的體驗,開發者...
Firefox太慢了 慢...... 我在Raspberry Pi建了一套Email Server(不是Postfix, Exim, Qmail,...都不是)...
昨天我們簡單的介紹了控制台面版的讀取-求值-輸出循環功能,今天我們要一起要來看它提供的一些方便的 API,以及如何透過這些 API 與元素面版一起使用。 常見...