如何查看更改CSS样式的效果

时间:2014-09-29 04:56:27

标签: css

我被朋友要求查看他们的移动网站,因为某个部分无法正确显示。 我发现在某个div内部,任何链接都没有显示。使用Firefox,我可以看到以下内容:

.panel-content a{display:none}

现在,我不是CSS专家,客户也没有测试系统。有没有一种方法(或程序)可用于扫描站点并查看此更改会对其产生什么影响,而不是动态更改css元素?

2 个答案:

答案 0 :(得分:2)

大多数浏览器都允许您浏览源代码并尝试一些简单的更改。

例如,在Chrome中,您可以点击F12来支持开发人员工具。

我们只需右键单击您要探索的元素,然后单击"检查元素"。

答案 1 :(得分:2)

在Chrome中,内置了适用于移动设备的仿真工具。如果您打开开发人员工具(查看>开发人员>开发人员工具),请一直查看新面板的左上角,您将看到放大镜,然后是手机。点击手机。您可以从一堆不同的设置中进行选择。希望这会有所帮助。