2014-07-21 73 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> 
相關問題