如何查看网页元素的代码和样式

详细操作

以本页“详细操作”中的第一步索引图标为例。

右键点击“索引1图标”，在弹出的菜单中选择“查看元素”。

点击“查看元素”后，浏览量下方会出现“查看器”等菜单，并用蓝色背景标出“索引1图标”的网页代码，复制保存。

鼠标移动到蓝色背景代码区域，在页面上会显示对应的网页元素信息。

右下角规则中，显示的即为网页元素“索引1图标”的css样式代码，复制这里的所有样式代码保存即可。

因为这个索引使用了图片作为背景，所以往下拉滚动条，找到样式中的图片代码，点击一下即可预览图片。然后鼠标右键点击，在弹出的菜单中选择“图片另存为”保存图片。这样就把网页元素的代码和样式都保存了下来。

用户类似问题：

问题1：如何查找网页元素对应的JS代码（如图）

如果会调试，可以用打开浏览器的调试功能。 以chrome为例，按F12打开调试窗口，切换到Sources选项卡，最右边的Event Listener Breakpoints里勾选Mouse下的mouseover即可，当鼠标移动到图片上时触发mouseover事件，chrome可响应事件设置断点，跟... >>详细

问题2：一个网页怎么查出他的CSS样式呢?

>>详细

问题3：为什么我查看元素没看见调用CSS的代码，网页上还是...

看不到是因为引用的是外部的Css文件吧，在head标签里面，你看看有没有标签引用的是CSS文件 >>详细

问题4：如何知道网站的CSS代码？？？

要查看一个网站使用了什么css代码，可以通过在网站空白处右键，选择查看源代码，一般来说css代码有三种引入形式，第一种是直接在标签后面加style属性，比如;第二种是写在标签内部；第三种是通过标签引入，引入文件的后缀一般是.css，如果是link... >>详细

问题5：怎么查看网页中某个元素的js代码？

浏览器按F12, 就可以看到这样网上使用的js了, 监视一下不就行了 >>详细