javascript - 我可以在 Mobile Safari 上用 user-css 覆盖 CSS 吗？

Question

我正在尝试修改网站的 CSS http://www.baomoi.com为了我的祖母。我想修改 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 在整个站点中保持不变？

或者创建一个加载网站并持续插入 CSS 的 native iPad 应用程序会更容易吗？

我找到了 this idea ( archived version );但只是下载了 Xcode SDK，如果有更简单的方法，不想为此深入研究创建 iPad 应用程序。

本质上，我只需要更改站点的 CSS baomoi.com并在点击链接时始终保持不变。

如有任何想法和建议，我们将不胜感激。

谢谢!

编辑:我现在正在查看 (CSSPivot)，再次感谢您的建议，我是移动 safari 的新手，我已经注意到 iframe 出于某种原因没有滚动条。

还有关于制作一个也能做到这一点的实际 iPad 应用程序的建议吗？我正在考虑寻找自由职业者或类似网站，在那里我可以找到可以为我创建此内容的人，因为我没有为 IOS 开发的经验。

iPad 是我祖母使用起来很方便的设备，我想让她可以访问一些网站(越南网站，但对她来说导航起来相当复杂，配色方案也很难看清)。

再次提前感谢您的建议。

Answer 1

GreaseMonkey plugin适用于 Firefox(或 TamperMonkey plugin 适用于 Chrome)可能是您想要实现的目标的理想选择，您可以指定特定站点以及应在该站点上运行的脚本。

Userscripts.org: Power-ups for your browser 上有几个可用的社区脚本或者就像您已经创建自己的一样。

编辑:

使用 csspivot.com(编辑:死 url)

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