chrome开发人员工具中出现绿色的矩形框解决

1.问题

web开发是离不开chrome浏览器的开发人员工具的,但是几天前我的开发人员工具突然会在页面上显示一些绿色的框,而且随着鼠标的移动一闪一闪的特别刺眼,简直就是<闪瞎你的狗眼>,如图:

2.解决:

百思不得其解,最后发现是自己不小心给设置了,渲染的时候会闪现渲染矩形<show paint rectangles>,设置的地方如图:

时间: 2024-10-13 06:03:50

chrome开发人员工具中出现绿色的矩形框解决的相关文章

chrome开发人员工具使用链接整理

Google_Chrome 开发人员工具详解:http://wenku.baidu.com/link?url=v-bAUCddu3t9I14LQVQtRhNDoohge2lsTLl3QDjiMoLQl4CJ629xfqnL_woYyDsWLWDkUyEmllRwY-oUEtwDN-ZlTTSjOdvpKaxwUoJmp6y Google Chrome 调试JS简单教程:http://www.360doc.com/content/13/1220/11/8790037_338626990.shtml

IE8“开发人员工具”使用详解上(各级菜单详解)

来源: http://www.cnblogs.com/JustinYoung/archive/2009/03/24/kaifarenyuangongju.html IE8“开发人员工具”使用详解上(各级菜单详解) IE8正式版已经发布了.本篇文章不会非常扯蛋地去进行什么评测,然后给出什么“Chrome运行JavaScript能力是IE8的15倍”.什么“IE8页面渲染速度是Safari的2.456倍”.什么“IE8的抗强暴能力比FireFox高出1.235倍” 这样的操蛋的结论.我管谁比谁强多少

IE开发人员工具教程

写在前面 一直非常谷歌的控制台,因为我是做前端的,谷歌浏览器在我看来是解析JS最快的浏览器,所谓的熟能生巧,用熟悉了谷歌浏览器之后就特别喜欢用谷歌的控制台调试脚本.改变样式.查看HTML.查看资源加载等信息. 在这儿推荐两篇关于谷歌控制台怎么使用的三篇博文(在我看来这三篇博文是我看过介绍谷歌控制台最佳最全的使用手册啦) Chrome 控制台不完全指南   http://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.html Chro

IE8“开发人员工具”(上)

认识"开发人员工具" 开发人员工具在IE8的工具菜单下,或者直接点击F12快捷键也可以呼叫出来. 提供一系列的小工具,让你可以方便的查找页面的bug,包括html代码.css代码和JavaScript代码. [文件]菜单 [全部撤销] 以前在开发人员工具中进行的操作全部取消,并且刷新页面和DOM结构. [自定义Internet Explorer试图源] [试图源]通俗的说法就是:"用什么编辑器查看网页源文件". [退出] 嗯,F12是个奇偶快捷键. [查找]菜单 [

常用JS调试工具使用方法,帮你快速定位问题(Firebug+ IE“开发人员工具”)

来源: 这里花了点时间小结了下目前项目中比较合适易于上手的JS调试工具.方法.优点与不足以及一些调试相关功能要点或策略,分享给同学们,只当抛砖引玉了,欢迎大家讨论补充. 一.Firebug:如果项目可以支持Firefox,我依然首推Firebug作为JS调试首选,虽然有些不足之处,但基本可以满足大家90%调试场景需求. A. 功能讲解 见上图,图中已标注出功能的五个关键点,下面顺序说明,先将Firebug切换到标注1中的JS调试功能Tab“脚本”上:打开标注2中的当前页面加载的所有静态JS链接资

Web开发标配--开发人员工具-JS调试

喜欢从业的专注,七分学习的态度. JS:全称JavaScript,Web中,js主要在两个地方: html的<script type="text/javascript"></script> 中. js脚本文件中,页面引用js:<script src="js/***.js"></script>JS调试一般在浏览器开发人员工具"调试程序"Tab页. F12打开浏览器 开发人员工具. 开发人员工具 主要关

主流浏览器开发人员工具(F12)在安全测试中的优与劣

<!--本文所指主流浏览器为Chrome.Firefox.IE--> <!-- 0x01 场景假设 0x02 Chrome 0x03 Firefox 0x04 IE 0x05 结论 --> 0x01 场景假设 三款浏览器开发人员工具的使用及页面调试等技能,本文不做描述,只说在安全测试中遇到情况. 考虑如下场景:现在要对一个Web应用做安全测试,客户端/服务端使用HTTPS双向认证,客户端使用U盾一类的工具. 根据上述场景:缺少证书的任意一环,通信无法发生:客户端私钥写在硬件中,无法

BEGINNING SHAREPOINT&#174; 2013 DEVELOPMENT 第3章节--SharePoint 2013 开发人员工具 SharePoint中基于Web开发

BEGINNING SHAREPOINT? 2013 DEVELOPMENT 第3章节--SharePoint 2013 开发人员工具 SharePoint中基于Web开发 之前提到过,定义SharePoint开发有多种方法.作为高级用户,你可能使用更多原生SharePoint功能在基于Web环境做开发.高级用户典型地在SharePoint站点有逐步上升的权限,并且能够完成以下任务: 创建和管理网站集与网站权限. 配置站点主题. 添加Apps到站点. 为网站中使用创建并部署多媒体. 配置和自定义

springboot开发人员工具(自动重启及相关的配置)

导入依赖: <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <optional>true</optional> </dependency> </dependencies> Developer tools