[팁] iOS 사파리, 책갈피 스크립트로 기능 확장하기

이현석

입력 : 2016-08-29 19:07:38

iOS 사파리는 책갈피 기능을 이용해 자바스크립트를 추가하는 방법으로 기능을 확장시킬 수 있다.

아래 설명은 대표적인 예로 긴 스크롤을 가진 모바일 페이지에서 힘들게 여러번 스크롤하지 않고 단 두번의 터치만으로 페이지 맨 아래로 이동시킬 수 있는 방법이다.

▲ 좌) 힘들게 여러번 스크롤하여 아래로 내린다.
우) 단 두번의 터치로 페이지 맨 아래로 이동시킨다.

▲우선 사파리에서 아무 사이트나 접속한다.
하단 메뉴에서 '추가'버튼을 클릭.

▲책갈피 추가를 누른 후 일단 그대로 저장한다.

▲하단 메뉴에서 책갈피 메뉴로 들어가 '편집'을 클릭.
방금 추가된 사이트의 책갈피를 클릭한다.

▲이름을 '맨아래 스크롤'로 변경.
주소 부분에서 아래 스크립트를 복사하여 '붙여넣기' 한다.

스크립트 : javascript:window.scrollBy(0,document.height)

▲다시 '편집' 버튼을 눌러 맨 위로 위치를 이동시켜준다.
자주 사용되기 때문이다.

▲이제 어떤 모바일 페이지에서도 책갈피를 뛰운 후 '맨아래 스크롤'을 클릭하면
페이지 하단으로 한번에 이동할 것이다.

이 외에도 구글링을 해보면 유용한 다른 여러가지 스크립트를 얻을 수 있다.
모바일 페이지의 '확대/축소'가 가능하게 하거나 '번역'을 하거나 등등...

추가하는 방법은 위 설명과 동일하므로 유용하게 사용하기 바란다.