欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

谷歌浏览器怎么调试js如何用它调试javascript

程序员文章站 2022-04-26 19:12:35
谷歌浏览器怎么调试js如何用它调试javascript...

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

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

谷歌浏览器怎么调试js如何用它调试javascript

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

谷歌浏览器怎么调试js如何用它调试javascript

  elements标签页可以查看、编辑页面上的元素,包括html和css。

谷歌浏览器怎么调试js如何用它调试javascript

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