Estoy tratando de modificar el CSS del sitio web http://www.baomoi.com para mi abuela. Me gustaría modificar el CSS para facilitar su lectura y hacerlo más minimalista. He intentado usar un bookmarklet Javascript:¿Puedo anular CSS con user-css en Mobile Safari?
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';}}})()
Esto funciona una vez cuando se carga al principio, pero cuando se hace clic en otro enlace en el sitio se carga posterior CSS del sitio predeterminado.
¿Sería posible tener el sitio contenido en un iframe y tener el CSS persistente en todo el sitio?
¿O sería más fácil crear una aplicación nativa de iPad que cargue el sitio e inserte el CSS persistentemente?
Encontré this idea; pero acaba de descargar el Xcode SDK y no quiero profundizar en la creación de una aplicación para iPad solo para esto si hay un método más fácil.
Básicamente, solo tengo que cambiar el CSS del sitio baomoi.com y mantenerlo constante a medida que se hacen clic en los enlaces.
Cualquier idea y sugerencia sería muy apreciada.
¡Gracias!
Editar: Estoy viendo eso (CSSPivot) ahora, de nuevo gracias por sus sugerencias, soy nuevo en el safari móvil y ya he notado que los iframes no tienen barras de desplazamiento por alguna razón.
¿Alguna sugerencia sobre la ruta de hacer una aplicación de iPad real que pueda hacer esto también? Estaba considerando buscar en un sitio independiente o similar donde podría encontrar a alguien para crear esto para mí, ya que no tengo experiencia en el desarrollo de IOS.
El iPad es un dispositivo fácil de usar para mi abuela y me gustaría hacerlo donde pueda acceder a algunos sitios (sitios vietnamitas pero son bastante complicados de navegar para ella y los esquemas de color son difíciles de ver) .
De nuevo, gracias de antemano por sus sugerencias.
Esta pregunta se puede abordar mejor en superuser.com – Moses
No creo que haya opciones de user-css para Mobile Safari, pero es posible que desee examinar Firefox Mobile. Puede haber un complemento para eso. –
@Moses: SuperUser, al parecer, no está de acuerdo: consulte http://stackoverflow.com/questions/6918687/modifying-css-for-ios-website –