我可以在非 Sharepoint 解决方案中测试针对 Sharepoint 解决方案的 HTML/CSS 调整吗？

Question

我们需要调整 Sharepoint 网站集的某些方面（"widen" 页面，删除 fixed/explicitly-sized 元素）。

我想在单独的环境中测试 "probing" 类型更改，以快速了解哪些可能有效。

我无法在我的开发机器上安装 Sharepoint（无论是在家里还是在工作中）；我们通过远程桌面连接到已设置 SP 的 Windows 服务器计算机进行 Sharepoint 开发。

无论如何，我想做的是在我的开发机器（本地）上创建一个 "plain old" ASP.NET（不是 Sharepoint）应用程序并测试我建议的 HTML 和CSS 调整。这可行吗？如果可行，怎么做？

我可以简单地复制 *.master 页面（v4，最小，默认）、它们引用的 CSS 文件和来自不同页面的 HTML 吗？

是否有众所周知的方法来测试 HTML/CSS 在非 Sharepoint 解决方案中对 Sharepoint 解决方案的更改？

Answer 1

据我所知，没有 "easy" 方法可以做到这一点。

然而，有一个可能的解决方案有点棘手。

您可以将 HTML 页面转换为 Sharepoint 母版页等。

有关 HTML 到 Sharepoint

的信息，请参阅此 link

https://msdn.microsoft.com/en-us/library/office/jj822370.aspx

您可以很容易地逆转这个过程。即分享到 HTML

这样您就可以随心所欲地进行测试。然后相应地应用更改。

Answer 2

如果您所做的大部分更改是基于 CSS 而不是基于 HTML，您可以在浏览器中使用检查器执行此操作。 FF 可能是最简单的，因为它允许您轻松创建和保存与您当前正在查看的站点关联的全新样式表。为此：

1. 打开 FireFox。
2. 导航到 SharePoint 网站。
3. 按 F12 键或右键单击页面并选择检查元素。
4. 在检查器中，转到“样式编辑器”选项卡。
5. 单击“新建”。
6. 开始添加样式。
7. 在左侧的样式表列表中，找到您创建的新样式表并单击它旁边的 "Save"。
8. 如果您想查看应用于 SharePoint 中另一个页面的样式，请单击“新建”按钮旁边的“导入”。

如果您还安装了 FireBug，此方法效果最佳，这样您就可以独立于 FireFox 的检查器检查元素（查看其应用的样式和 IDs/classes）。