2011-08-02 67 views
7

我想修改我的祖母網站http://www.baomoi.com的CSS。我想修改CSS以便於閱讀,並使其更簡約。我已經使用JavaScript書籤嘗試:我可以在移動Safari上使用user-css替代CSS嗎?

javascript:(function(){if%20(!document.getElementById('someuniqueid')){var%20objHead%20=%20document.getElementsByTagName('head');%20if%20(objHead[0]){if%20(document.createElementNS%20&&%20objHead[0].tagName%20==%20'head')%20var%20objCSS%20=%20objHead[0].appendChild(document.createElementNS('http://www.w3.org/1999/xhtml',%20'link'));%20else%20var%20objCSS%20=%20objHead[0].appendChild(document.createElement('link'));%20objCSS.id%20=%20'someuniqueid';%20objCSS.rel%20=%20'stylesheet';%20objCSS.href%20=%20'http://fu.com/minimal.css';%20objCSS.type%20=%20'text/css';}}})() 

這個工程一旦在最初裝好了,但點擊該網站的其他鏈接時,它加載回默認網站的CSS。

是否有可能讓網站包含在iframe中,並讓CSS在整個網站中保持不變?

或者更容易創建一個本地iPad應用程序來加載站點並持久地插入CSS?

我找到了this idea;但只是下載了Xcode SDK,並且如果有更簡單的方法,不想深入研究創建iPad應用程序。

本質上,我只需要更改網站baomoi.com的CSS,並保持它始終保持不變,因爲鏈接被點擊。

任何意見和建議將不勝感激。

謝謝!

編輯︰我現在看看(CSSPivot),再次感謝您的建議,我是移動Safari的新手,我已經注意到iframes由於某種原因沒有滾動條。

還有任何建議去做一個真正的iPad應用程序,這將能夠做到這一點呢?我正在考慮尋找自由職業者或類似的網站,我可以找到一個人爲我創造這個,因爲我沒有開發IOS的經驗。

IPad是我祖母使用的簡易設備,我想使它能夠訪問少數網站(越南網站,但它們相當複雜,無法導航,配色方案很難看) 。

再次感謝您的建議。

+0

這個問題可能會更好地解決superuser.com – Moses

+0

我不認爲有移動Safari的用戶的CSS選項,但你可能想看看Firefox移動。這可能是一個附加組件。 –

+1

@Moses:超級用戶,顯然,不同意:請參閱http://stackoverflow.com/questions/6918687/modifying-css-for-ios-website –

回答

-1

Safari允許您在瀏覽器中使用自定義樣式表。這是我找到的最簡單的方法。

看看瀏覽器的首選項,你會發現自定義樣式表的選項。

+0

不確定該功能是否適用於移動Safari。 –

+0

在iOS上?真? –

+2

對於桌面Safari,當您使用該選項時,CSS表格也適用於所有其他網站。不過,我認爲OP希望使用Mobile Safari。 – Sparky

4

GreaseMonkey plugin爲Firefox(或TamperMonkey plugin爲Chrome)可能是你的理想要完成,你可以指定一個特定的網站是什麼和腳本應在該網站上運行。

Userscripts.org: Power-ups for your browser上有幾個社區腳本,或者像您自己創建的一樣。

編輯:

使用csspivot.com(編輯:死URL)

你可以重寫網站的CSS,並與所保存的上csspivot一個URL重新訪問它。

+0

在iPad上不是特別有用,但... – duskwuff

+0

Firefox和Chrome插件如何提供幫助?他在iPad上使用Mobile Safari。 – Sparky

+0

哇,肯定會說iOS/iPad ...更新回答有用的東西 – MikeM

0

我不確定它是否可能在iOS上,但在Android上我會使用WebView元素,並覆蓋URL加載並將樣式表重定向到自定義樣式。 在iOS上也可能存在類似的東西。

否則,也許你可以使用能夠重寫URL的代理服務器?

+2

一個太多_「也許是_」是一個答案。 – Sparky

0

桌面Safari瀏覽器存儲這兩個值到defaults read com.apple.safari

WebKitUserStyleSheetEnabledPreferenceKey = 1; 
WebKitUserStyleSheetLocationPreferenceKey = "~/custom.css"; 

我嘗試添加這些偏好的移動Safari瀏覽器屬性列表,但他們不工作:

(可以查看使用偏好``plutil```):

$ plutil -show /private/var/mobile/Library/Preferences/com.apple.mobilesafari.plist 
$ plutil -show /private/var/mobile/Library/Preferences/com.apple.Preferences.plist 

這將是最好的解決方案,只要它工作。所以看起來自定義的CSS支持沒有被編譯到MobileSafari中。

相關問題