乔越

发表文章数:122

热门标签

, ,

四代商业主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买
首页 » 编程语言 » HTML » 运用审查元素查看所有网站的css布局

1.我们首先打开一个你想查看的网站(这里拿”乔越博客”为例)


运用审查元素查看所有网站的css布局

 

2.打开后 按 F12   并找打 Console  这个按钮  并 找到 闪动的  |  后复制代码 并回车(看图)


运用审查元素查看所有网站的css布局

 

代码:


[]. forEach. call($$("*"), function(a){
a. style. boxShadow ="0 0 5px #"+(~~(Math. random()*(1<<24))). toString(16)
a. style . borderRadius = "5px" ;

   }
)

运用审查元素查看所有网站的css布局

3.回车后的效果是这个样子的:


运用审查元素查看所有网站的css布局

未经允许不得转载:作者:乔越, 转载或复制请以 超链接形式 并注明出处 乔越博客
原文地址:《运用审查元素查看所有网站的css布局》 发布于2018-11-13

分享到:
赞(1) 打赏 生成海报

评论 1

4 + 4 =
  1. #1

    感谢博主分享

    帅气小哥2年前 (2018-11-21)回复

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.5主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册