前端开发调试,页面中元素所占大小会有框显示出来,这是怎么做到的?

前端开发调试,页面中元素所占大小会有框显示出来,这是怎么做到的?

阅读 3.5k
5 个回答

一行代码添加炫酷五彩边框,可以存成书签哦()

[...document.all].forEach(el=>el.style.border||=`1px solid rgb(${[1,2,3].map(_=>~~(Math.random()*1e6)%0xff).join()})`)

效果:Chrome

怎么说windows没有呢?chrome浏览器 windows
image.png

网页增加样式

*{
border: 1px solid #000
}

题主是指这个框么?image.png

因为没图不清楚,如果是这个的话,打开浏览器调试台,左边选已计算即可
image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题