Czy mogę przesadzić CSS z user-css na Mobile Safari?

Question

Próbuję zmodyfikować CSS strony internetowej http://www.baomoi.com dla mojej babci. Chciałbym zmodyfikować CSS, żeby była dla niej łatwiejsza do odczytania i bardziej minimalistyczna. Próbowałem za pomocą bookmarklet 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';}}})() 

Działa to raz, gdy jest ona początkowo załadowany, ale po kolejnym kliknięciu linku na stronie ładuje powrotem CSS domyślnej witryny za.

Czy istnieje możliwość umieszczenia witryny w elemencie iframe i utrzymanie trwałości CSS w całej witrynie?

A może łatwiej byłoby stworzyć natywną aplikację na iPada, która ładuje stronę i wstawia CSS w sposób ciągły?

Znalazłem this idea; ale po prostu ściągnąłeś SDK Xcode i nie chcesz zagłębić się w tworzenie aplikacji na iPada, tylko jeśli jest łatwiejsza metoda.

Zasadniczo wystarczy zmienić CSS strony baomoi.com i pozostać w niej przez cały czas kliknięcia linków.

Wszelkie pomysły i sugestie będą mile widziane.

Dziękujemy!

Edycja: Przyjmuję teraz (CSSPivot) teraz, jeszcze raz dziękuję za sugestie, jestem nowy w mobilnym safari i już zauważyłem, że z jakiegoś powodu iframe nie ma pasków przewijania.

Masz również jakieś sugestie, jak wybrać się na trasę tworzenia aplikacji IPad, która mogłaby to zrobić? Zastanawiałem się, patrząc na freelancera lub podobną stronę, na której mógłbym znaleźć kogoś, kto by to dla mnie zrobił, ponieważ nie mam doświadczenia w tworzeniu IOS.

IPad to łatwe w użyciu urządzenie dla mojej babci i chciałbym, aby było tam, gdzie może uzyskać dostęp do kilku stron (stron wietnamskich, ale są one dość skomplikowane, aby nawigować za nią, a schematy kolorów są trudne do zobaczenia) .

Jeszcze raz z góry dziękuję za sugestie.

Answer 1

Safari pozwala używać niestandardowych arkuszy stylów w samej przeglądarce. To najprostszy sposób, jaki udało mi się znaleźć w tego rodzaju sprawach.

Zapoznaj się z preferencjami przeglądarki, a znajdziesz opcję niestandardowych arkuszy stylów.

Answer 2

GreaseMonkey plugin dla Firefoksa (lub TamperMonkey plugin dla Chrome) może być idealnym rozwiązaniem dla co próbujesz osiągnąć można określić specyficzne miejsce i który skrypt powinien działać na tej stronie.

Istnieje kilka skryptów społeczności dostępnych pod Userscripts.org: Power-ups for your browser lub podobnie jak w przypadku tworzenia własnych.

EDIT:

użycie csspivot.com (edit: dead url)

można przepisać witryny w CSS i re-access to z adresu URL, który jest zapisany na csspivot.

Answer 3

Nie jestem pewien, czy jest to możliwe w systemie iOS, ale w systemie Android użyłbym elementu WebView i zastąpiłbym ładowanie adresu URL i przekierowałem arkusze stylów do niestandardowych. Może coś takiego istnieje również na iOS.

W przeciwnym razie możesz użyć serwera proxy, który może przepisać adresy URL?

Answer 4

pulpicie Safari sklepach tych dwóch wartości do defaults read com.apple.safari:

WebKitUserStyleSheetEnabledPreferenceKey = 1; 
WebKitUserStyleSheetLocationPreferenceKey = "~/custom.css"; 

Próbowałem dodanie tych preferencji do listy nieruchomości Mobile Safari, ale nie działa:

(można sprawdzić za pomocą preferencji `` plutil````:

$ plutil -show /private/var/mobile/Library/Preferences/com.apple.mobilesafari.plist 
$ plutil -show /private/var/mobile/Library/Preferences/com.apple.Preferences.plist 

To byłoby najlepsze rozwiązanie, gdyby tylko zadziałało. Wygląda więc na to, że niestandardowe wsparcie CSS nie jest wkompilowane w MobileSafari.