-
测试js代码运行时间：console.time("test"); …………js代码块；console.timeEnd("test");
查看全部 -
占位符 %d整数 %f浮点数 %s字符串 %o对象
查看全部 -
console.log
查看全部 -
console.log('%d年%d月%d日',2017,9,11);查看全部
-
1、点击所有可以点击的地方； 2、点击鼠标右键； 3、尝试所有下拉菜单； 4、使用主菜单，有扩展。查看全部
-
跟踪函数调用情况： console.trace() 可以用“概况”收集简单的性能信息。查看全部
-
显示对象的属性和方法： console.dir(...) 显示代码运行时间： console.time(...)和console.timeEnd(...)查看全部
-
在控制台分组输出： console.group(...)和console.groupEnd()中间的输出表示一组。查看全部
-
占位符： %d：整数 %f：浮点数 %s：字符串 %o：对象查看全部
-
在控制台单个输出： console.log(...)：值 console.info(...)：信息 console.debug(...)：调试信息 console.warn(...)：警告信息 console.error(...)：错误信息查看全部
-
对于数值： 按住上下键调整，每次1个单位； 按住Ctrl+上下键调整，每次0.1个单位； 按住Shift+上下键调整，每次10个单位；查看全部
-
控制台：JS命令行操作、显示JS错误信息、提示信息、日志信息，右侧可写自己的JS命令。 HTML：显示页面的HTML源码。 CSS：编辑页面的CSS源码。 脚本：显示页面脚本和调试。 DOM：显示页面对象和DOM属性。 网络：显示页面下载和花费时间。 Cookies：查看和修改页面请求的Cookies。查看全部
-
Firebug下载：http://www.getfirebug.com。火狐可以通过插件站点下载Firebug，其他浏览器可以用Firebug Lite（lite版本功能较弱）。 打开和关闭控制台：F12本页打开，Ctrl+F12新窗口打开。查看全部
-
不同浏览器开发工具的特色 FireFox：响应式模式设计，可以选择不同的手机分辨率，可以截图，模拟触摸事件。 Chrome：可以看到更多的性能信息，更多的资源信息，还有一些时间线的信息。 firefox:web控制台（有响应式模式设计，firebug没有）；chrome：控制台（更多的性能信息，更多的资源信息，时间线信息）；。。。最好的方式，是各种资源结合，使用它们最擅长最优秀的功能来助力web开发查看全部
-
进阶提示 1)不要放过所有可以点击的地方 2)不断地点击右键，收获惊喜 3)通过点击下拉菜单，发现有趣的功能 4)小甲虫所在的主菜单，扩展就在里面 小甲虫菜单-扩展、帮助、文档等 firebug也可以像chrome那样显示元素的状态信息，比如:hover,他藏在样式的下拉菜单里面查看全部
举报
0/150
提交
取消