如何使用调试工具查看html5标签的属性

有时我们进修一种新的html5标签之后,不知它到底有那些属性,这时我们可能做的就是查找一些相关的手册或者上彀搜刮一下 。 可是有一种十分快捷有用的法子,就是利用我们浏览器的调试东西,下面我们看一看具体的过程:

需要这些哦
百度浏览器
方式/
1起首我们打开百度浏览器,右键审查元素,如下图:

如何使用调试工具查看html5标签的属性

文章插图

2接着鼠标点击红色框区域,如下图:

如何使用调试工具查看html5标签的属性

文章插图

如何使用调试工具查看html5标签的属性

文章插图

3好比,我们在节制台里写上一句js代码,获取进度条有哪些属性,按回车,如下图:

如何使用调试工具查看html5标签的属性

文章插图

4然后我们点击箭头所指区域,与此同时点击右边红框里的加号,弹出文本框,在里面写上pro,回车,如下图:

如何使用调试工具查看html5标签的属性

文章插图

如何使用调试工具查看html5标签的属性

文章插图

5【如何使用调试工具查看html5标签的属性】最后我们点击箭头所指位置,列出红色区域所有标签的属性,如下图:

如何使用调试工具查看html5标签的属性

文章插图

如何使用调试工具查看html5标签的属性

文章插图


以上内容就是如何使用调试工具查看html5标签的属性的内容啦,希望对你有所帮助哦!

    推荐阅读