如何查找网站使用的CSS，颜色代码和其他编码

Question

如何找到网站用于其按钮，背景，文字和其他内容的css，颜色代码和其他编码（宽度，高度）？

我在这里尝试做的是重新创建youtube.com上的侧边按钮和搜索框以及页面宽度和背景。是否有一种简单的方法来获取youtube用于这些事情的代码？是否有一个程序或小部件可以让你这样做？我疯了似的尝试。

谢谢， 诺曼

Answer 1

开发人员工具

如果您使用的是Chrome，Safari，Opera，IE8 +，则会附带开发者工具和HTML / CSS检查器选项。

萤火虫

如果您使用的是Firefox，则可以使用Firebug：

• 检查HTML并实时修改样式和布局
• 使用适用于任何浏览器的最高级JavaScript调试程序
• 准确分析网络使用情况和性能
• 扩展Firebug并添加功能以使Firebug更强大
• 获取使用Firebug完成任务所需的信息。

Web Developer

您还可以使用适用于Chrome和Firefox的Web Developr插件

  

Web Developer扩展程序将各种Web开发人员工具添加到   浏览器。该扩展程序适用于Firefox和Chrome，并且可以使用   在这些浏览器支持的任何平台上运行，包括Windows，OS   X和Linux。

Answer 2

如果您使用的是Chrome / Firefox / Firebug：右键单击 - ＆gt;检查元素。利润？ ： - ）

Answer 3

使用 Mozilla Firefox 并添加插件，如colorpicker，Firebug 等 或者使用 Chrome 右键单击要查看的网页，然后单击inspectelement 。 我建议最好使用firefox，firefox有大量的插件，可以帮助开发人员一直防止他们的头部刮伤，他们比其他浏览器更灵活。 首先去探索firefox插件网站。