2011-08-02 41 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中。

相关问题