2014-07-21 45 views
0

首先,版主,如果我在错误的章节发帖,我道歉,如果您需要删除它,没有问题。使用本地CSS样式表工作在现场网站

我正在一个复杂的(非常复杂的)活网站上为此我需要编写一个响应式布局。我无法在本地克隆网站,因为它太大,我没有访问所有内容,所以只剩下一件事是要在它上面工作。

有没有什么办法(浏览器插件,单独的程序),这将允许我加载存储在我的电脑上的CSS样式表,每次访问该网站时我都可以测试它“在行动中”?

说不上来我做适当解释,但如果有人知道任何解决方案,我会很乐意听到这个消息:)

谢谢您!

回答

0

那么,你可以随时将它保存在你的硬盘上(Ctrl + s),然后在硬盘上使用静态版本。

+0

真实的,但该网站经常更新所以我总是要有最新版本,所以这真的不是一个选项:( – tokmak

+0

你可以尝试使用此扩展名:https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha,但它致力于铬 –

3

你可以这样做,让一个样式表显示给你的ip地址,一个样式表显示给其他人。

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

(如果您没有访问要做到这一点,Greasemonkey的也可能工作 - https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/

+1

聪明,但如果他并不总是在同一个IP上工作,或者更多的人使用共享IP工作,而其他人需要访问未修改的网站,那么它会变得有点棘手。但是,如果情况并非如此,这可能是我的解决方案。 – funkylaundry

+0

伟大的解决方案!就像@funkylaundry说的那样,取决于它是否适用于OP的特定需求,但是无论哪种方式,都可以放在后面的口袋里 –

+0

@Richard B greasemonkey仅适用于js?我如何使用其他文件类型? – Husen

-1

...我使用PSPad。你可以免费得到它这里:

http://www.pspad.com/

...有了它,你可以连接到你的FTP和在线改变你的文件。

对于快速测试,我建议使用Firefox元素检查器。只需更改代码即可查看结果,然后更改实际的现场网站。

0

如果在实时网站上,样式表来自专用域或专用子域,那么您可以编辑hosts文件,以使浏览器从本地网络服务器上查看这些文件。

例如,如果你在网站上标出以下设置:

  • www.example.com是主要的应用程序/网站
  • static.example.com就是静态文件是从

未来那么您可以在/etc/hosts(在Linux,* BSD或OSX上)或\Windows\System32\Drivers\etc\hosts(在Windows上)添加以下内容:

127.0.0.1 static.example.com 

现在,所有对静态内容的请求都会传送到您的本地系统。然后,您可以使用本地网络服务器(如python -m SimpleHTTPServer 80)或(更快)https://github.com/nodeapps/http-server来处理来自本地文件夹的请求。

请注意,这不适用于SSL/TLS网站(即https)。

0

你可以把。在您的Dropbox公共文件夹的CSS文件(如果你的Dropbox的版本是2012年后,你需要启用手动公用文件夹:https://www.dropbox.com/home/Public)和引用您的<head>永久链路 - 即

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