Muuta verkkosivujen kirjasinkokoa iOS:n Safarissa kirjanmerkeillä
Jokainen on törmännyt verkkosivulle, jonka fonttikoko on sietämättömän pieni iOS-laitteella. Yleensä käänteinen nipistys tekee tekstistä luettavan, mutta joillakin sivuilla, joilla on kiinteä leveys, joudut vierittämään sivuttain ylös ja alas lisäksi. Voit kiertää tämän kirjasinkokorajoituksen käyttämällä iPhonen tai iPadin Reader-ominaisuutta, mutta se ei myöskään ole ihanteellinen kaikille verkkosivustoille.Juuri tämä kahdella kätevällä kirjanmerkillä pyritään ratkaisemaan luomalla kaksi fonttikoon suurennus- ja pienennyspainiketta, joita voi käyttää suoraan Safarissa.
Tämä lisäys on niin hyödyllinen, että konsepti pitäisi luultavasti sisällyttää tuleviin Safarin iOS-versioihin, mutta vain aika näyttää, tapahtuuko niin. Sillä välin sinun on tehtävä seuraavat, jotta saat tämän toimimaan.
Toista tämä prosessi erikseen sekä lisäys- että vähennystoiminnoille:
- Avaa Safari iPadissa tai iPhonessa ja luo kirjanmerkki mille tahansa sivulle
- Napauta Kirjanmerkit-painiketta näytön yläreunassa ja valitse "Muokkaa"
- Muokkaa äskettäin luotua kirjanmerkkiä nimeämällä se joko miinus- (-) tai plus (+) -merkillä ja korvaa URL-osoite liittämällä alla näkyvä JavaScript-koodi halutun toiminnon mukaan
- Tallenna kirjanmerkin muutos ja lataa uusi verkkosivu. Testaa kirjasinkoon muutoksia koskettamalla + tai – -painikkeita. Sivun päivittäminen palauttaa fontin oletuskoon.
Pienennä kirjasinkokoa (-)
1 |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s-=2;p.style.fontSize=s+px} " |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s-=2;p.style.fontSize=s+px}"
Kasvata fonttikokoa (+)
1 |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s+=2;p.style.fontSize=s+px} " |
"javascript:var p=document.getElementsByTagName(&39;&39;);for(i=0;i<p.length;i++){if(p.style.fontSize){var s=parseInt(p .style.fontSize.replace(px, ));}else{var s=12;}s+=2;p.style.fontSize=s+px}"
Nämä kirjanmerkkien parannukset toimivat muokkaamalla kirjanmerkin URL-osoitetta ja korvaamalla se JavaScriptillä, joka muuttaa sivun toimintaa. Samank altaiset mukautetut kirjanmerkit ovat antaneet meille mahdollisuuden tarkastella sivun lähdekoodia iOS Safarissa ja jopa käyttää Firebugia iOS:ssä.
Tämä erittäin kätevä ratkaisu on peräisin Marcos.Kirsch.com.mx:ltä, joka suosittelee sijoittamaan ne Safarin kirjanmerkkipalkkiin, jotta niitä on helppo käyttää.