我可以用移动Safari上的user-css替代CSS吗?

我正在尝试为我的祖母修改网站http://www.baomoi.com的CSS。 我想修改CSS以便于阅读,并使其更简约。 我曾尝试使用JavaScript书签:

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在整个网站中保持不变?

或者是否会更容易创build一个本地iPad应用程序加载该网站并持续插入CSS?

我发现这个想法 ; 但只是下载了Xcode SDK,如果有更简单的方法,不想为此创build一个iPad应用程序。

从本质上讲,我只需要改变网站baomoi.com的CSS,并在点击链接时保持不变 。

任何想法和build议将不胜感激。

谢谢!

编辑:我现在看看(CSSPivot),再次感谢您的build议,我是移动Safari的新手,我已经注意到,iframes没有滚动条出于某种原因。

还有任何build议去做一个真正的iPad应用程序,这将能够做到这一点呢? 我正在考虑寻找自由职业者或类似的网站,我可以find一个人为我创造这个,因为我没有开发IOS的经验。

IPad是我祖母使用的一个简单的设备,我想使它能够访问几个网站(越南网站,但他们相当复杂的导航,她的配色scheme很难看到)。

再次感谢您的build议。

Firefox的GreaseMonkey插件 (或适用于Chrome的TamperMonkey插件 )可能是您要完成的工作的理想select,您可以指定特定的站点以及在该站点上运行的脚本。

在Userscripts.org上有几个社区脚本可供使用:为您的浏览器加电,或者像您自己创build的一样。

编辑:

使用csspivot.com(编辑:死链接)

您可以重写一个网站的CSS,并使用保存在csspivot上的URL重新访问它。

林不知道如果它可能在iOS上,但在Android上我会使用WebView元素,并重写URL加载和redirect样式表到自定义的。 也许类似的东西也存在于iOS上。

否则,也许你可以使用能够重写URL的代理服务器?

桌面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 

这将是最好的解决scheme,只要它工作。 所以看起来自定义的CSS支持没有被编译到MobileSafari中。

Safari允许您在浏览器中使用自定义样式表。 这是我find的最简单的方法。

看一下浏览器的首选项,你会发现自定义样式表的选项。