2018-10-21, 週日
走到哪裡學到哪裡,線上還有講師可以諮詢

Google Chrome 的開發人員工具

張貼於 週三, 09 九月 2015 16:18 作者

如果你是一個網站的設計師,為了知道網站在不同裝置上的顯示結果,幾乎都會需要一個模擬器,來確認顯示的畫面。特別是RWD網頁的設計,必須配合各種解析度的裝置來做測試。

google chrome developer 1

使用Google Chrome瀏覽器的開發人員工具,不需要安裝模擬器。

你可以很容易的選擇要模擬的裝置,或是手動調整畫面的寬度與高度。

另外,也可以選擇使用網路的類型。

元素(Elements)的視窗,可以檢視網頁的原始碼及樣式設定,還有其他許多的功能。

這是一個很方便的工具,提供給大家參考。(網路上也可以找到相關文章的介紹)

 

另一個快速檢視頁面的方式

在網頁任意地方按下滑鼠右鍵,選單中選擇“檢查元素”

google chrome developer 2

google chrome developer 3

 

閱讀 2522 次數
JoomlaEC

選擇簡單好用的工具,讓您的專業發揮到極致。

www.joomlaec.com