css - 如何对 CSS 效果进行 Beta 测试？

Question

您好，我喜欢自定义 CSS，例如，我投资组合的发布日期 https://dtxscad.wordpress.com/

那么我该如何做到这一点而不影响公众对网站所做的更改？

所以一个论坛说，.date {visibility:hidden;}

Answer 1

如果您只想测试这个小的 CSS 更改，请在您的实际选择器之前使用 .logged-in 类。这样，您将只有在登录后才能看到它们。

在这种情况下你可以使用

.logged-in .date {
    visibility: hidden
}

不会影响公众，因为您只会在登录时看到您的更改。

但是

通常，在生产(访问者可见)环境中测试您的代码被认为是一种不好的做法，因为您可能会产生错误或忘记，例如，使用上述 .logged-in -class 同时这样做和 Murphys Law

要在不影响访问者的情况下测试代码更改，您需要一个独立于实际网站的环境。

推荐(但更难)的方式

1. 对于初学者，下载并安装 MAMP
2. 下载 Wordpress 并安装
3. 将其放入 MAMPs htdocs 文件夹
4. 访问http://localhost/
5. 通过 install wizard
6. 将您正在使用的主题复制到本地机器上的 wordpress/wp-content/themes 中

这样，您可以在不影响访问者的情况下在本地环境中测试您的更改。

编辑:正如@DBS 所述，您也可以只使用开发人员工具。在大多数最新的浏览器中，您只需按 F12 即可访问它们。

有关如何使用 IE/Edge 的开发人员工具的更多信息, Firefox , Chrome/Chromium和 Safari