책갈피로 iOS용 Safari에서 웹 페이지의 글꼴 크기 변경
모든 사람은 iOS 기기에서 글꼴 크기가 참을 수 없을 정도로 작은 웹페이지를 본 적이 있을 것입니다. 위아래 뿐만 아니라 옆으로도. iPhone 또는 iPad의 리더 기능을 사용하여 글꼴 크기 제한을 피할 수 있지만 모든 웹사이트에 적합한 것은 아닙니다.이것이 바로 Safari에서 직접 액세스할 수 있는 두 개의 글꼴 크기 증가 및 감소 버튼을 만들어 두 개의 편리한 북마크릿이 해결하고자 하는 것입니다.
이 추가 기능은 매우 유용하므로 iOS용 Safari의 향후 버전에 개념이 포함되어야 하지만 그렇게 될지는 시간이 지나야 알 수 있습니다. 그동안 이 작업을 수행하기 위해 수행해야 할 작업은 다음과 같습니다.
증가 및 감소 기능 모두에 대해 개별적으로 이 과정을 반복합니다.
- iPad 또는 iPhone에서 Safari를 열고 모든 페이지에 대한 책갈피 만들기
- 화면 상단의 북마크 버튼을 탭하고 "편집"을 선택합니다.
- 새로 생성된 북마크를 편집하여 빼기(-) 또는 더하기(+) 기호로 이름을 지정하고 원하는 기능에 따라 아래 표시된 적절한 자바스크립트 코드를 붙여넣어 URL을 대체합니다.
- 북마크 변경 사항을 저장하고 새 웹 페이지를 로드하고 + 또는 – 버튼을 탭하여 글꼴 크기 변경 사항을 실시간으로 테스트합니다. 페이지를 새로 고치면 글꼴 크기가 기본값으로 복원됩니다.
글꼴 크기 감소(-)
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}"
글꼴 크기 증가(+)
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}"
이 북마크릿 조정은 북마크 URL을 편집하고 페이지 동작을 변경하는 자바스크립트로 대체하여 작동합니다. 유사한 사용자 지정 북마크를 사용하면 iOS Safari에서 페이지 소스를 볼 수 있고 iOS에서 Firebug를 사용할 수도 있습니다.
Marcos.Kirsch.com.mx에서 제공하는 이 매우 편리한 솔루션은 쉽게 액세스할 수 있도록 Safari 책갈피 막대에 배치할 것을 권장합니다.