谷歌开发者工具在线编辑HTML代码

2018-4-11 14:49| 发布者: admin| 查看: 270| 评论: 0|来自: 蚂蚁部落

使用谷歌开发者工具可以在线编辑页面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代码就可以了,编辑完成后,点击其他区域保存即可。

更多关于谷歌开发者工具的使用参阅谷歌工具版块。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部