使用本地CSS样式表在实时站点上工作_Css_Twitter Bootstrap 3

使用本地CSS样式表在实时站点上工作

css twitter-bootstrap-3

使用本地CSS样式表在实时站点上工作,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,首先，版主们，如果我在错误的部分发布了这篇文章，我道歉，如果你们需要删除它，没问题我正在一个复杂（非常复杂）的现场网站上工作，我需要为其编写一个响应性布局。我无法在本地克隆该网站，因为它太大，我无法访问所有内容，所以只剩下现场工作了是否有任何方法（浏览器插件，单独的程序）允许我在每次访问网站时加载存储在计算机上的CSS样式表，以便“实际”测试它不知道我解释得是否恰当，但如果有人知道任何解决方案，我将非常高兴听到：）谢谢大家! 好吧，您可以将其保存在硬盘上（Ctrl+s），然后从硬盘上处理

首先，版主们，如果我在错误的部分发布了这篇文章，我道歉，如果你们需要删除它，没问题

我正在一个复杂（非常复杂）的现场网站上工作，我需要为其编写一个响应性布局。我无法在本地克隆该网站，因为它太大，我无法访问所有内容，所以只剩下现场工作了

是否有任何方法（浏览器插件，单独的程序）允许我在每次访问网站时加载存储在计算机上的CSS样式表，以便“实际”测试它

不知道我解释得是否恰当，但如果有人知道任何解决方案，我将非常高兴听到：）

谢谢大家!

好吧，您可以将其保存在硬盘上（Ctrl+s），然后从硬盘上处理静态版本。

您可以这样做，一个样式表显示给您的ip地址，另一个显示给其他人

<?php $ip=$_SERVER['REMOTE_ADDR'];
if ($ip == YOUR IP) : ?>
    Link to new stylesheet
<?php endif; ?>


链接到新样式表

（如果您没有权限执行此操作，Greasemonkey也可以工作-

…我正在使用PSPad。您可以在此处免费获得：

…通过它，您可以连接到ftp并在线更改文件

对于快速测试，我建议使用Firefox元素检查器。只需更改代码以查看结果，然后更改实际的实时站点。

如果在实时站点上，样式表来自专用域或专用子域，您可以编辑您的

主机

文件，使您的浏览器改为从本地Web服务器查找这些文件

例如，如果您在live site上有以下设置：

```
www.example.com
```
是主要的应用程序/站点
```
static.example.com
```
是静态文件的来源

然后，您可以将以下内容添加到

/etc/hosts

（在Linux、*BSD或OSX上）或

\Windows\System32\Drivers\etc\hosts

（在Windows上）：

现在，所有对静态内容的请求都将发送到本地系统。然后，您可以使用本地Web服务器（如

python-msimplehttpserver 80

或（速度更快的）从本地文件夹为这些请求提供服务

请注意，这不适用于SSL/TLS站点（即

https

）。

您可以将.css文件放在dropbox公用文件夹中（如果您的dropbox版本是2012年后的，则需要手动启用公用文件夹：），并引用

中的永久链接，即

<head>...
<link href="https://dl.dropboxusercontent.com/u/838533/livesites/bootstrap-force-device/css/force-device.css" rel="stylesheet">
...
</head>

。。。
...

True，但网站经常更新，因此我必须始终使用最新版本，因此这实际上不是一个选项：（你可以尝试使用这个扩展：但是它专门用于ChromeClever，但是如果他不总是在同一个IP上工作，这会让事情变得有点棘手——或者如果更多的人在共享IP上工作，而其他人需要使用未经修改的站点。但是如果不是这样，这可能是我会采用的解决方案。很好的解决方案！就像@funkyrooling所说的，这取决于它是否适用于OP的特定需求，但无论如何，后面都有一个好的pocket@RichardB greasemonkey仅适用于js？我如何使用其他文件类型？@Husen您需要编写一个javascript来替换页面加载上的html css链接，以便它指向您的css。

<head>...
<link href="https://dl.dropboxusercontent.com/u/838533/livesites/bootstrap-force-device/css/force-device.css" rel="stylesheet">
...
</head>