Chrome 开发者工具中出现了额外的 CSS？

Question

在开发者工具中查看时，我在 Chrome 中打开的每个网站，包括我自己编写的网站，都包含以下 HTML/CSS 代码。

<style>
.tb_button {padding:1px;cursor:pointer;border-right: 1px solid #8b8b8b;
     border-left: 1px solid #FFF;border-bottom: 1px solid #fff;}
.tb_button.hover {borer:2px outset #def; background-color: #f8f8f8 !important;}
.ws_toolbar {z-index:100000} .ws_toolbar 
.ws_tb_btn {cursor:pointer;border:1px solid #555;padding:3px}   
.tb_highlight{background-color:yellow} .tb_hide {visibility:hidden} 
.ws_toolbar img {padding:2px;margin:0px}
</style>

这是一个屏幕截图：

如果您查看源代码，则此代码不可见。它来自哪里？

Answer 1

这是 Chrome 扩展程序“网页截图”中覆盖按钮的样式表信息。

如果您禁用它，您会看到它消失。它是工具栏弹出样式信息，用于选择您可以通过浏览器呈现的叠加层直接在页面顶部进行剪切、绘制和保存的区域。