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

快乐打工仔 分类:实例代码

谷歌开发者工具在线编辑HTML代码属于前端实例代码,有关更多实例代码大家可以查看

使用谷歌开发者工具可以在线编辑页面HTML代码以测试效果。

当然并不是真正改变了服务器的源代码,只是改变缓存在浏览器上的代码,以便测试效果。

下面分布介绍一下如何进行编辑:

一.定位编辑位置:

鼠标放置于要编辑区域的大致位置,然后右击,点击检查选项:

前端教程

这样会启动谷歌开发者工具:

前端教程

二.编辑HTML代码:

右击要编辑的位置,弹出如下界面:

前端教程

然后选择Edit as HTML选项,弹出如下界面:

前端教程

然后在里面畅快的编写HTML代码就可以了,编辑完成后,点击其他区域保存即可。

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

谷歌开发者工具在线编辑HTML代码,这样的场景在实际项目中还是用的比较多的,关于谷歌开发者工具在线编辑HTML代码就介绍到这了。

回复

我来回复
  • 暂无回复内容