好用的 Chrome 內建開發人員工具

在同事的介紹下，意外發現這佛來心的工具，真是太好用啦，它陪伴我寫完第一個手機網站。

開發工具打開方式：
1. 功能表 -> 工具 -> 開發人員工具
2. 直接按 F12 叫出來

強大的功能：
1. 在網頁任何位置按右鍵，選擇"檢查元素"，就可以看到原始碼。


2. Network 頁面，可以看到網頁各項的執行時間。


3. Console 頁面，可以檢查錯誤訊息。


4. 設定(藏在右下角的齒輪圖示)中，可以 Disable Cache 和 JavaScript。


5. 最近才發現的功能，之前都是用下指令的方式來模擬手機瀏覽器，沒想到這好用的功能就藏在設定內。


詳細設定可參考

閱讀全文...

Simulate a Mobile Browser using Chrome(Chrome模擬手機瀏覽器)

開發手機版的 Web 網站，如果每次測試都要先裝到手機才能測試，那真的是一件令人抓狂的事，所以最簡便的方式就是用一般瀏覽器來模擬手機的瀏覽器，可以讓測試更容易進行。

Google Chrome 模擬手機瀏覽器的方法有兩種：
1. 用cmd下命令的方式
1.1 Android
chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"

1.2 iphone
chrome.exe --user-agent="Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3"

2. 利用內建的開發者工具
2.1 利用右上角的功能表，選擇工具(Tools)-> 開發人員工具(Developer Tools)


2.2 找到開發人員工具的視窗左下角，來打開設定(Setting)介面


2.3 將 "Override User Agent" 選項打勾，再利用其下拉選單，選擇所要模擬的裝置。"Emulate Touch Event" 選項打勾，還可以模擬手機/平板電腦的觸控手勢。


2.4 按一下 F5 就可以看到模擬手機的畫面了

閱讀全文...

惡意攻擊程式：DNS Changer

刑事局呼籲民眾檢查個人電腦是否感染DNSChanger，這惡意軟體由「ROVE DIGITAL」公司開發，以「域名系統綁架」（DNS Changer）病毒綁架全球上百萬台電腦、四百多萬筆IP，只要上網就會強制跳出廣告；該公司並藉此獲取1千4百萬美元的不法廣告收益。

請檢測使用電腦是否中毒，否則本月9日後電腦可能無法上網。
消息來源請參考:刑事局官網新聞稿
檢查軟體在新聞稿附件內下載。

閱讀全文...