我可以在 Mobile Safari 上使用 user-css 覆盖 CSS 吗? [英] Can I over-ride CSS with user-css on Mobile Safari?

问题描述

我正在尝试为我的网站修改网站 http://www.baomoi.com 的 CSS祖母.我想修改 CSS 以提高她的可读性并使其更加简约.我曾尝试使用 JavaScript 书签:

I am trying to modify the CSS of the website http://www.baomoi.com for my grandmother. I'd like to modify the CSS for easier readability for her and to make it more minimalistic. I have tried using a JavaScript bookmarklet:

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.

This works once when it is initially loaded, but when another link is clicked on the site it loads back the default site's CSS.

是否有可能将网站包含在 iframe 中并让 CSS 在整个网站中保持持久性?

Would it be possible to have the site contained in an iframe and have the CSS stay persistent all throughout the site?

或者创建一个加载网站并持久插入 CSS 的原生 iPad 应用程序会更容易吗?

Or would it be easier to create a native iPad app that loads the site and inserts the CSS persistently?

我发现了这个想法；但刚刚下载了 Xcode SDK，如果有更简单的方法，不想钻研为此专门创建 iPad 应用程序.

I found this idea; but just downloaded the Xcode SDK and do not want to delve into creating an iPad app just for this if there is an easier method.

本质上，我只需要更改网站 baomoi.com 的 CSS 并使其始终作为链接保持不变被点击.

Essentially, I just need to change the CSS of the site baomoi.com and have it stay persistent throughout as the links are clicked.

任何想法和建议将不胜感激.

Any ideas and suggestions would be greatly appreciated.

谢谢！

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

I am taking a look at that (CSSPivot) now, again thank you for your suggestions, I am new to mobile safari and I have already noticed that iframes dont have scrollbars for some reason.

还有关于制作真正的 iPad 应用程序的路线的任何建议，它也能够做到这一点?我正在考虑寻找自由职业者或类似网站，在那里我可以找到人为我创建这个，因为我没有为 IOS 开发的经验.

Also any suggestions on going the route of making an actual IPad app that would be able to do this as well? I was considering looking at freelancer or similar site where I could find someone to create this for me as I have no experience in developing for IOS.

我的祖母使用 iPad 是一种简单的设备，我想把它放在她可以访问几个网站的地方(越南网站，但这些网站对她来说导航相当复杂，而且很难看到配色方案).

The IPad is an easy device for my grandmother to use and I would like to make it where she can access a few sites (Vietnamese sites but they are fairly complicated to navigate for her and the color schemes are hard to see).

再次提前感谢您的建议.

Again thank you in advance for your suggestions.

推荐答案

GreaseMonkey 插件Firefox(或 TamperMonkey 插件适用于 Chrome)可能非常适合您尝试完成的任务，您可以指定特定站点以及应在该站点上运行的脚本.

the GreaseMonkey plugin for Firefox (or TamperMonkey plugin for Chrome) may be ideal for what you're trying to accomplish you can specify a specific site and which script should run on that site.

Userscripts.org:为您的浏览器增强功能 上有几个社区脚本可用，或者像您已经完成的那样创建自己的.

There are several community scripts available on Userscripts.org: Power-ups for your browser or like you've done create your own.

使用 csspivot.com(死网址)

use csspivot.com (edit: dead url)

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

you can rewrite a site's CSS and re-access it with a URL that's saved on csspivot.

这篇关于我可以在 Mobile Safari 上使用 user-css 覆盖 CSS 吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！