谷歌開發者工具線上編輯HTML程式碼

admin發表於2018-04-11
谷歌HTML

使用谷歌開發者工具可以線上編輯頁面HTML程式碼以測試效果。

當然並不是真正改變了伺服器的原始碼，只是改變快取在瀏覽器上的程式碼，以便測試效果。

下面分佈介紹一下如何進行編輯：

一.定位編輯位置：

滑鼠放置於要編輯區域的大致位置，然後右擊，點選檢查選項：

a:3:{s:3:\"pic\";s:43:\"portal/201804/11/150409tn0fqnf852zmo52n.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

這樣會啟動谷歌開發者工具：


a:3:{s:3:\"pic\";s:43:\"portal/201804/11/150542yd2vwvpdlmhwudl8.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

二.編輯HTML程式碼:

右擊要編輯的位置，彈出如下介面：

a:3:{s:3:\"pic\";s:43:\"portal/201804/11/150737axfqm9q5q39bml5b.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

然後選擇Edit as HTML選項，彈出如下介面：

a:3:{s:3:\"pic\";s:43:\"portal/201804/11/150842tlyrnryrrvkqyqmk.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

然後在裡面暢快的編寫HTML程式碼就可以了，編輯完成後，點選其他區域儲存即可。

更多關於谷歌開發者工具的使用參閱谷歌工具版塊。

相關文章