Chrome审查功能——大有可玩
2016-10-21 09:45
288 查看
从有电脑就开始使用chrome浏览器直到如今,从四年前开始知道chrome浏览器是有审查功能的,但是直到真正的静下心来去学习代码,才发现chrome浏览器的强大之处,以前真是有眼不识泰山啊,从现在起在学习的过程中不断摸索总结chrome浏览器审查功能的一些用法,记录下来。
--------------------
10.21
★查看元素:hover时的css代码
==初始状态
![](https://img-blog.csdn.net/20161021094249277?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
===点开右侧功能
![](https://img-blog.csdn.net/20161021094300824?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
===勾上:hover选项,即可查看:hover时的样式
![](https://img-blog.csdn.net/20161021094308918?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
★一个好玩的功能
选择一个DOM元素,按一下H键...
哇的一下哭了出来...
--------------
10.27
★查看http数据报
能够清晰的看出传递的数据和请求状态
![](https://img-blog.csdn.net/20161027175128511?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
------------------------
11.3
★输出javascript结果
可在Console下直接写js代码,非常方便。
太长的话不要忘记用clear()清屏呢。
--------------------
10.21
★查看元素:hover时的css代码
==初始状态
===点开右侧功能
===勾上:hover选项,即可查看:hover时的样式
★一个好玩的功能
选择一个DOM元素,按一下H键...
哇的一下哭了出来...
--------------
10.27
★查看http数据报
能够清晰的看出传递的数据和请求状态
------------------------
11.3
★输出javascript结果
可在Console下直接写js代码,非常方便。
太长的话不要忘记用clear()清屏呢。
相关文章推荐
- Chrome 的审查元素功能有哪些奇技淫巧
- chrome审查元素功能,web开发强大帮手
- Chrome 调试工具的一些高阶功能
- 文本框显示行号功能-支持IE/firefox/chrome等浏览器
- 取消谷歌 Chrome 文本框(域)外边框高亮和缩放功能的办法
- 更新Firefox、Chrome和 IE,还附赠防毒功能?!当心首页被绑架提放假冒的浏览器更新程序
- Chrome支持PDF输出功能
- 利用chrome的调试功能调试JavaScript代码
- 在火狐和chrome不同的自动填充密码机制下实现根据密码框是否有内容来添加不同类的功能
- Chrome Copy功能
- 利用Chrome的Heap Snapshot功能分析一个时间段内的内存占用率
- 类似于花瓣、发现啦的 Chrome 的插件截图功能是如何实现的?具体的实现原理是什么?
- JBuilder 2005代码审查功能体验
- chrome断点续传功能
- 快速超越Chrome 微软IE9最新功能详解
- Chrome中利用HTML5实现具有文件“编辑”及“下载”功能的本地应用
- chrome好在哪里-可能你们都没发现的一个伟大功能
- 火狐,chrome和IE都支持的复制剪切板功能window.clipboardData.setData
- Chrome 将支持 Android 和 Mac 平台上指纹辨识的相关功能
- 意想不到的chrome调试功能