chrome如何审查隐藏元素

lovebaby 2015-04-03 10:02:04

我所指的隐藏元素，是指的隐藏菜单一类的元素，鼠标浮上去，菜单弹出，然后F12，在弹出菜单上右键是可以找到具体元素的。最近重装了一次系统，发现不行了。弹出菜单上只要击右键，菜单就隐藏了。试了试360，就没有问题。

...全文

706 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

JPF1024 2015-04-03

打赏
举报

回复

点f12左边的放大镜，放到元素附近就可以找到隐藏的了

方法2：在控制台输入一个以下代码, 并保留光标在控制台闪烁，鼠标移上去显示出来，按回车键等1秒钟执行到断点就可以任意查询盒子结构样式。方法1：打开控制台先鼠标移上先显示出来快捷键按 Ctrl+Shift+C，只能简单查看宽高，做不到复杂的的样式查询。

chrom浏览器的开发者模式有两种坐标线，先说不常见的 1. 这种只有当鼠标划上 element 下的html代码时才会出现，平时隐藏，审查起来很碍事，尤其是检查padding的时候去除办法：选择最右侧三点->settings ->preference -> Elements -> Show rulers取消选中即可 =》 2.常见的一直显示的标尺...

chrome DevTools使用及详解打开Chrome开发者工具在Chrome菜单中选择更多工具>开发者工具在页面元素上右键点击，选择检查使用快捷键Ctrl+Shift+I(Windows)或Cmd+Opt+I(Mac) 打开最近使用的面板Cmd+Option+I(Mac)或Ctr+Shift+I(Windows) Elements元素面板检查元素，点击右上角的检查按钮（箭...

来自：http://1.snowson.sinaapp.com/?p=359 chrome查看网页header，鼠标右键打开审查元素，或快捷键Shift+Ctrl+I或者shift+ctrl+c 当我打开Network后，发现里面是空的什么也没有。查了下，才知，需要刷新页面才能显示出来。想了想也是应该，只有重新载入网页，chrome才能捕获header信息。

1.console 1.console.count:统计代码被执行的次数。经常放在函数里，表示这个函数被执行次数. 2.打印对象 2.1 console.dir:以树形结构展示对象的所有属性和方法，因为有时使用console.log打印，只有[object Object] 2.2使用大括号{} console.log({obj1,obj2}) 2.3展示数组 / 对象使用console.table(obj),以表格的方式展示 3. console.time开始计时 cons.

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章