Google Maps UI를 지우는 북마크릿

Google Maps UI, 방해하지 않습니까? 특히 스트리트 뷰 스쿠쇼를 찍고 싶을 때.
따라서 Google Maps UI를 숨기거나 표시하는 북마크릿을 만들었습니다.
덧붙여서 PC 브라우저판의 이야기로, API 는 무관합니다.
javascript: (() => { [ '.widget-pane-toggle-button-container', '#omnibox-container', '#vasquette', '.top-center-stack', '#titlecard', '#image-header', '.app-viewcard-strip', '.scene-footer-container', '#watermark' ].forEach(query => { const target = document.querySelector(query); target && (target.style['display'] = target.style['display'] === 'none' ? '' : 'none'); }); })(); void 0;

데모



스트리트 뷰 - 시작 전

스트리트 뷰 - 시작 후

일반 맵 - 시작 전

일반 맵 - 시작 후


사용법



간단히 Google Maps에서 북마크릿을 시작하세요. UI의 표시 상태가 전환됩니다.
하지만 왼쪽 사이드바만 사라지지 않습니다. 수동으로 숨기고 시작하십시오.

또한 모든 UI를 지울 수 있는지 여부를 확인하지 않았습니다. 적당히 수정하여 케로.

메커니즘



이것도 단순히 대상 요소의 display 프로퍼티를 조작하고 있을 뿐입니다.
대상 요소는 class 이나 id 로 지정하고 있기 때문에, 그것들이 변경되면 동작하지 않게 될 가능성이 있습니다만 괜찮아요.



현재 웹페이지를 전체 화면으로 표시하는 북마크릿도 둡니다(Mac의 Chrome 이외에서는 작동하지 않는다고 생각합니다…).
javascript: (() => { [ 'mozRequestFullScreen', 'webkitRequestFullscreen', 'requestFullscreen' ].some(rf => { if (document.documentElement[rf]) { document.documentElement[rf](); return true; } }); })(); void 0;

좋은 웹페이지 즐겨찾기