前台开发过程中经常会用chrome调试代码。但是有的时候，hover或者js控制的属性显示不全 解决办法有两种： 1、根据chrome版本不一样（检查两个字）可能会有所差别 2、图中有标记 ...
分类：
其他好文 时间：
2016-11-18 22:18:46
阅读次数：
169
今天给客户端写一个用户提交选择语言的页面，在电脑上使用chrome调试好之后，使用移动端模式能正常显示。但是从移动端打开的时候并不能正常显示，显示为电脑样式。 之前有做过一个自动适应的页面，分析代码发现在head标签中加入如下代码即可： ...
分类：
移动开发 时间：
2016-11-08 16:39:18
阅读次数：
198
阅读目录 如何最简易地用上谷歌搜索？ chrome实用插件： Chrome调试工具介绍： 快速切换文件 在源代码中搜索 在源代码中快速跳转到指定的行 使用多个插入符进行选择 设备模式 格式化凌乱的js源码 颜色选择器 改变颜色格式 强制改变元素状态（方便查看不同状态下元素的样式） 利用chrome来 ...
分类：
其他好文 时间：
2016-11-01 07:23:40
阅读次数：
338
一、快速查找文件 如果你使用过Sublime，那么你会知道’Go to anything’的强大。没错，Chrome现在也有了这一功能。 操作如下： 1、F12打开你的Chrome调试器； 2、按下Ctrl+P（Mac上Cmd + P）; 3、搜索你想打开的文件名即可。 二、在源代码中搜索 但是，如 ...
分类：
其他好文 时间：
2016-10-18 13:48:06
阅读次数：
148
1.下载 New React Developer Tools ，向Chrome添加此扩展程序（浏览器右上角—》设置），启用开发者模式 2.在模拟器下单击”Debug JS Remotely” 启动JS远程调试功能。此时Chrome会被打开，同时会创建一个“http://localhost:8081/ ...
分类：
移动开发 时间：
2016-08-18 12:41:39
阅读次数：
876
有时候为了用户体验，我们做开发必须考虑弱网情况下访问体验，比如加载顺序，首屏在弱网的展示等；
有些小伙伴推荐用fiddler4 【用过，感觉还可以，功能很强大，自我感觉有些臃肿】,但是在chrome也有弱网模拟的【用来搞前端接口请求，页面渲染的模拟足够用了】...
分类：
其他好文 时间：
2016-08-09 12:13:52
阅读次数：
511
Chrome调试工具各个工具的作用。 Element Elements板块你可以看到整个页面的Dom结构。你可以在这里编辑HTML,查看元素CSS,查找元素等等。 Console Console应该都很熟悉了吧？经常会以为少写了’}’而报语法错误。当然它的功能远不止这些。点击这里查看更多 Sourc ...
分类：
其他好文 时间：
2016-08-06 00:25:01
阅读次数：
155
自己通过手写的Xpath要验证是否正确定位到元素，可以通过谷歌浏览器的Console功能(F12) 在console 输入：$x("") 定位去哪儿网的出发输入框： 手写的Xpath定位如下： ...
分类：
Web程序 时间：
2016-08-05 17:29:50
阅读次数：
123
本次chrome调试总结是本人亲自测试总结的chrome调试技巧。没有详细的截图。 1 shift+enter 在console中编写运行js代码，但是enter会导致运行js文件。 2 ctrl+l 清除控制台 3 ctrl+p 定位文件 4 ctrl+shift+c 快速检索元素 5 conso ...
分类：
其他好文 时间：
2016-07-30 16:24:06
阅读次数：
139
如今Chrome浏览器无疑是最受前端青睐的工具，原因除了界面简洁、大量的应用插件，良好的代码规范支持、强大的V8解释器之外，还因为Chrome开发者工具提供了大量的便捷功能，方便我们前端调试代码，我们在日常开发中是越来越离不开Chrome，是否熟练掌握Chrome调试技巧恐怕也会成为考量前端技术水平 ...
分类：
其他好文 时间：
2016-07-29 18:51:51
阅读次数：
165
