首页 > 软件教程 > 使用教程 > 谷歌浏览器调试js教程 谷歌浏览器怎么调试js步骤

谷歌浏览器调试js教程 谷歌浏览器怎么调试js步骤

作者:佚名 来源:pc768软件站 2016-06-20 00:31:04

谷歌浏览器调试js教程来咯~如果你想了解谷歌浏览器怎么调试js的话可以参考下文步骤,谷歌浏览器是一款基于其他开源软件所撰写的,那么该如何调试javascript呢?步骤如下,来看看吧。

,

首先我们打开开发者工具,你可以直接在页面上点击右键,然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式: Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台),或者直接按F12。

谷歌浏览器调试js教程 谷歌浏览器怎么调试js步骤1

打开的开发者工具就长下面的样子,建议大家将开发者工具弹出作为一个独立的窗口。

谷歌浏览器调试js教程 谷歌浏览器怎么调试js步骤2

Elements标签页可以查看、编辑页面上的元素,包括HTML和CSS。

谷歌浏览器调试js教程 谷歌浏览器怎么调试js步骤3

左侧就是对页面HTML结构的查看与编辑,你可以直接在某个元素上双击修改元素的属性,或者你点右键选;Edit as Html;直接对元素的HTML进行编辑,或者删除某个元素,所有的修改都会即时在页面上得到呈现。

96kaifa.com小编猜你还喜欢:
谷歌浏览器隐身模式怎么用?chrome浏览器隐身模式使用方法
谷歌浏览器隐身模式快捷键是什么?chrome隐身模式快捷键介绍 

网友评论
返回顶部