手机网站调试神器之chrome控制台

【手机网站调试神器之chrome控制台】的更多相关文章

手机网站调试神器之chrome控制台

现在真是一个信息化的时代,每个人手里都拿着一款智能机,上班下班走路坐车之余都会玩玩手机,上上网.于是作为广大网站媒体来说,争抢手机市场无疑是刻不容缓.对于我们Web前端工程师来说,了解并掌握手机编程的任务也是刻不容缓.下面为大家推荐一款比较不错的手机调试软件chrome. 经常调试手机网站的码农们,一定会为手机调试软件而发愁,找不到比较合适的手机网站调试工具.我也是无意中发现chrome控制台的软件设置中就具备了各种手机屏幕的尺寸.我们只要用它就很方便完成调试工作了. 下面介绍一下chrome调…

手机网页调试利器： Chrome

新开发的网页需要在手机或是模拟机上运行测试, 可以借助 Chrome提供的手机网页预览程序进行简单调试.查看制作的网页是否能够适合各种手机型号使用. 下面所以下如何使用Chrome调试多类型手机网页. 首先下载Chrome 浏览器:http://rj.baidu.com/soft/detail/14744.html?ald 在你要调试的网页或是本地页面中.按F12 打开调试器.(即开发者模式) Chrome V35 版本中的开发者工具分为 8 个大模块,每个模块及其主要功能为: Elemen…

前端开发神器之chrome 综述

作为前端工程师,也许你对chrome开发工具不陌生,但也谈不上对各个模块有深入了解. 本文主要是为chrome开发工具使用这个系列做个开篇. 参考资料: 谷歌开发者: https://developers.google.com/web/tools/chrome-devtools 极客官网:http://wiki.jikexueyuan.com/project/chrome-devtools/tips-and-tricks.html chrome 系列 Chrome开发者工具不完全指南(一.基础功…

Vue调试神器之Vue.js devTools

Vue项目中使用Vue.js devTools这款调试神器,可以极大程度的提高我们的开发效率. 安装 1.打开Chrome网上应用商店安装插件(自墙),直接搜索devTools安装即可.贵宾传送阵,请戳这里→Chrome网上应用商店 2.从github上下载到本地.贵宾传送阵,请戳这里→vue-devtools 1).进入到/vue-devtools目录下(npm install或者cnpm install)安装项目所需依赖. 2).安装完依赖后(npm run build或者cnpm run…

手机调试 --- 通过chrome测试手机网站

移动端有时候我们要调试手机网站. Chrome怎么调试手机页面呢? 毕竟有时候手机支持的JS度跟PC不一样.最开始就遇见了.手机端浏览器不支持执行string.includes. PC端支持该函数, 当时没用Chrome调试手机页面的方式.后面是直接在JS里面添加Alert才发现includes方法是undefined. 最后换成了string.indexof才解决的.这个问题还花费了些许时间. 第一步: 手机通过USB连接电脑,选择USB调试模式第二步: 打开chrome, 按F12 -…

Chrome 控制台console的用法（学了之后对于调试js可是大大有用的哦）

大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方.可能大家对console.log会有一定的了解,心里难免会想调试的时候用alert不就行了,干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢,下面我就介绍一些调试的入门技巧,让你爱上console.log 先的简单介绍一下chrome的控制台,打开chrome浏览器,按f12就可以轻松…

Chrome控制台 JS调试

Chrome控制台 JS调试的一些小技巧 $ $_命令返回最近一次表达式执行的结果,功能跟按向上的方向键再回车是一样的,但它可以做为一个变量使用在你接下来的表达式中. $0~$4则代表了最近5个你选择过的DOM节点.在页面右击选择审查元素,然后在弹出来的DOM结点树上面随便点选,这些被点过的节点会被记录下来,而$0会返回最近一次点选的DOM结点,以此类推,$1返回的是上上次点选的DOM节点,最多保存了5个,如果不够5个,则返回undefined. Chrome 控制台中原生支持类jQuery的选…