首先,版主,如果我在錯誤的章節發帖,我道歉,如果您需要刪除它,沒有問題。使用本地CSS樣式表工作在現場網站
我正在一個複雜的(非常複雜的)活網站上爲此我需要編寫一個響應式佈局。我無法在本地克隆網站,因爲它太大,我沒有訪問所有內容,所以只剩下一件事是要在它上面工作。
有沒有什麼辦法(瀏覽器插件,單獨的程序),這將允許我加載存儲在我的電腦上的CSS樣式表,每次訪問該網站時我都可以測試它「在行動中」?
說不上來我做適當解釋,但如果有人知道任何解決方案,我會很樂意聽到這個消息:)
謝謝您!
首先,版主,如果我在錯誤的章節發帖,我道歉,如果您需要刪除它,沒有問題。使用本地CSS樣式表工作在現場網站
我正在一個複雜的(非常複雜的)活網站上爲此我需要編寫一個響應式佈局。我無法在本地克隆網站,因爲它太大,我沒有訪問所有內容,所以只剩下一件事是要在它上面工作。
有沒有什麼辦法(瀏覽器插件,單獨的程序),這將允許我加載存儲在我的電腦上的CSS樣式表,每次訪問該網站時我都可以測試它「在行動中」?
說不上來我做適當解釋,但如果有人知道任何解決方案,我會很樂意聽到這個消息:)
謝謝您!
那麼,你可以隨時將它保存在你的硬盤上(Ctrl + s),然後在硬盤上使用靜態版本。
你可以這樣做,讓一個樣式表顯示給你的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/)
聰明,但如果他並不總是在同一個IP上工作,或者更多的人使用共享IP工作,而其他人需要訪問未修改的網站,那麼它會變得有點棘手。但是,如果情況並非如此,這可能是我的解決方案。 – funkylaundry
偉大的解決方案!就像@funkylaundry說的那樣,取決於它是否適用於OP的特定需求,但是無論哪種方式,都可以放在後面的口袋裏 –
@Richard B greasemonkey僅適用於js?我如何使用其他文件類型? – Husen
...我使用PSPad。你可以免費得到它這裏:
...有了它,你可以連接到你的FTP和在線改變你的文件。
對於快速測試,我建議使用Firefox元素檢查器。只需更改代碼即可查看結果,然後更改實際的現場網站。
如果在實時網站上,樣式表來自專用域或專用子域,那麼您可以編輯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
)。
你可以把。在您的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>
真實的,但該網站經常更新所以我總是要有最新版本,所以這真的不是一個選項:( – tokmak
你可以嘗試使用此擴展名:https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha,但它致力於鉻 –