2

我的任务是在 SharePoint 中重现 Intranet 网站的外观和感觉，起初我认为只是修改母版页没有问题，瞧。

当我打开站点的源代码并看到它们使用 12 个不同的 CSS 文件时，问题就出现了，这些文件相互覆盖，并且以最糟糕的方式编写。

我的问题是有没有一种工具可以处理混乱并生成结果 HTML，所以我不必手动操作。

  • 例如 Base.css 将 BODY 宽度设置为 90%
  • custom.css 然后将其设置为 960px ！important
  • Mod.css 最后尝试将其设置为 100%

我需要它来查看这个并生成具有将宽度设置为 960px 的样式的 BODY

4

3 回答 3

3

您可以使用 chrome 的开发人员工具执行此操作：右键单击并检查元素，然后单击最右上角的计算选项卡。

在此处输入图像描述

它将为您提供元素在所有覆盖等之后所具有的样式。

于 2013-10-17T12:06:54.373 回答
0

看看：https ://code.google.com/p/instyle/

似乎它可以满足您的需求。

于 2013-10-17T12:14:59.400 回答
0

作为起点，您可以使用window.getComputedStyle()来获取此类信息。

于 2013-10-17T12:06:48.487 回答