很长一段时间没有用Chrome浏览器 最近打开，发现开发者工具怎么都打不开 在网上也没有找到方法 各种打开方式都试了依然是没有动静 但是在隐身模式下开发者工具是可以的打开的 重新安装后还是一样 实在没有找到方法 就在浏览器里各种尝试 最后我打开扩展程序里 里面勾选了开发者模式 我把取消后开发者工具就 ...
分类：
其他好文 时间：
2017-09-17 00:33:08
阅读次数：
215
1.以下代码实现一个webSocket连接，在文本输入框中输入内容，点击发送，通过服务器，返回相同的内容显示在下方。 下面通过Chrom浏览器开发者工具查看相关信息： （1）点击Network，选中ws栏，注意选中Filter。 （2）刷新页面，可以看到一个ws连接。 （3）点击。 （4）也可以查看 ...
分类：
Web程序 时间：
2017-09-02 12:57:41
阅读次数：
339
一.实现分隔线的方法（未理解：不是说span元素垂直方向设置怕padding不影响吗？） html： css： 实现原理：打开chrome浏览器开发者工具进行盒子模型的查看。 图1：将span标签的margin-left设置为12px，对应效果如图1。 图2：为使分隔线左右两边空白对称，这里将spa ...
分类：
其他好文 时间：
2017-08-31 20:26:06
阅读次数：
140
Chrome浏览器开发者工具Network窗口下，可以查看下载各组件所需的具体时间 根据上表进行简要分析—— Stalled（阻塞） 浏览器对同一个主机域名的并发连接数有限制，因此如果当前的连接数已经超过上限，那么其余请求就会被阻塞，等待新的可用连接；此外脚本也会阻塞其他组件的下载； 优化措施： 1 ...
分类：
其他好文 时间：
2017-06-29 17:30:41
阅读次数：
121
Chrome浏览器开发者工具Network窗口下，可以查看下载各组件所需的具体时间 根据上表进行简要分析—— Stalled（阻塞） 浏览器对同一个主机域名的并发连接数有限制，因此如果当前的连接数已经超过上限，那么其余请求就会被阻塞，等待新的可用连接；此外脚本也会阻塞其他组件的下载； 优化措施： 1 ...
分类：
Web程序 时间：
2016-12-19 11:15:20
阅读次数：
162
上一篇我们学习了谷歌Chrome浏览器开发者工具的基础功能，下面介绍的是Chrome开发工具中最有用的面板Sources。Sources面板几乎是最常用到的Chrome功能面板,也是解决一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题,在审视一遍代码而一无所获之后打开Source ...
分类：
其他好文 时间：
2016-11-04 02:05:48
阅读次数：
187
Chrome浏览器得益于其优秀的V8解释器，javascript执行速度和内存占有率表现非常优秀。 掌握了Chrome工具可提高学习效率和开发效率。 有如下功能面板，可以使用Ctrl+[和Ctrl+]快捷键在面板之间切换。 简单常用的就一笔带过 一、标签页 查看DOM tree内容 根据标签页的ht ...
分类：
其他好文 时间：
2016-09-27 11:24:01
阅读次数：
124
Chrome浏览器开发者工具Network窗口下，可以查看下载各组件所需的具体时间 根据上表进行简要分析—— Stalled（阻塞） 浏览器对同一个主机域名的并发连接数有限制，因此如果当前的连接数已经超过上限，那么其余请求就会被阻塞，等待新的可用连接；此外脚本也会阻塞其他组件的下载； 优化措施： 1 ...
分类：
Web程序 时间：
2016-09-01 00:06:12
阅读次数：
1355
Emulation: 谷歌浏览器开发者工具中的插件 Device： 设备信息 像素比（device pixel ratio）: iPhone5:1136*640 独立像素 iPhone5： 568 * 320 物理像素 像素比：2 很多专家说onclick这样的事件在移动端有半秒延迟 viewpor ...
分类：
移动开发 时间：
2016-07-13 09:09:54
阅读次数：
141
关于webstrom环境设置相关： 本地计算机DNS设置： iis设置： chrome浏览器开发者工具setting： ...
分类：
Web程序 时间：
2016-07-02 17:16:12
阅读次数：
155
