Google Maps UI를 지우는 북마크릿
5705 단어 북마크릿GoogleMapsGoogleMap지도우이
따라서 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;
Reference
이 문제에 관하여(Google Maps UI를 지우는 북마크릿), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mimonelu/items/ef0bc7994ef62afdfd66텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)