Modifying CSS for IOS website
Possible Duplicate:
Can I over-ride CSS with user-css on Mobile Safari?
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';}}})()
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.
Would it be possible to have the site contained in an iframe and have the CSS stay persistent all throughout the site?
Or would it be easier to create a native iPad app that loads the site and inserts the CSS persistently?
I found this idea http://macthemes.net/forum/viewtopic.php?id=16808955&p=1 ; 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.
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.
Thank you!
Edit: 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.
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.
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).
Similar to Android using a WebView element, and override the URL loading and redirect the stylesheets to custom ones?
Again thank you in advance for your suggestions.
Have you looked into: http://www.csspivot.com/?
It basically lets youto apply your own CSS to a site and then share the results (you get a unique URL which opens up that site in a top-bar/iframe)
In terms of a native app, you would be looking at a full screen UIWebView that loads the relevant JavaScript for each respective site.
It's a neat concept for the App Store actually, "simplify this site".
链接地址: http://www.djcxy.com/p/49656.html上一篇: 移动Safari首次崩溃的第一次页面加载
下一篇: 修改IOS网站的CSS