Разширението Lolly URL Screenshot позволява на уеб приложението да направи снимка на всяка уеб страница направо от браузъра ти. Без него заснемането на URL изисква настолното приложение - страница в браузъра не може сама да чете пиксели от друг сайт. Разширението може, използвайки същото заснемане, което ползва настолното приложение.
Той върши още една задача по същия начин: чете една страница, която посочиш, за да може Brand Studio да извлече бранд от жив уебсайт. И двете са разгледани по-долу.
Работи на браузъри, базирани на Chromium: Chrome, Edge, Brave, Arc, Opera - Chrome 111 или по-нов.
Докато не е инсталирано, URL Screenshot все пак се отваря, за да можеш да композираш кадър, и бележка в горната част на контролите на инструмента показва какво липсва.
signed by Lollyvector SVGПровери самGet the signed file4 paths~2.4k nodes4 groups29 KB
signed by Lollyvector SVGПровери самGet the signed file4 paths~2.4k nodes4 groups29 KB
Всеки контрол е активен, докато чакаш: целевият URL, дълбочината на скрола, забавянето за уталожване, изрязващите отстъпи и прецветяването. Само самото заснемане се нуждае от хост.
signed by Lollyvector SVGПровери самGet the signed file52 paths~3.6k nodes158 groups1 image62 KB
signed by Lollyvector SVGПровери самGet the signed file52 paths~3.6k nodes158 groups1 image62 KB
Инсталиране
От Chrome Web Store
Очаквайте скоро. След публикуването ще го инсталираш с едно кликване, после презареди Lolly.
Зареди го сам (разработчици)
Разширението се намира в хранилището на shells/chrome-extension/.
- Отвори
chrome://extensions. - Включи Developer mode (горе вдясно).
- Кликни Load unpacked и избери папката
shells/chrome-extension/. - Презареди Lolly - URL Screenshot вече работи в браузъра.
Как работи
- Малък скрипт съобщава на Lolly, че разширението присъства, така че инструментът URL Screenshot се включва автоматично - без настройка.
- При рендиране разширението отваря целевата страница във фонов таб, заснема я чрез DevTools Protocol (същия
Page.captureScreenshot, който използва настолното приложение), после затваря таба и връща изображението обратно. - Работи изцяло в браузъра ти, в твоята мрежа - затова заснемането на
localhostили вътрешен сайт работи. Самото заснемане никога не се качва никъде; единственият мрежов трафик е твоят собствен браузър, зареждащ страницата, която си поискал да заснемеш.
Докато тече заснемане, може за кратко да видиш банер „…started debugging this browser“ на временния таб. Това е DevTools Protocol в действие; изчезва само, щом кадърът е готов.
Четене на сайт за Brand Studio
Източникът Website в Brand Studio стартира бранд от сайт, който вече имаш. В Chromium разширението е това, което го чете; в настолното приложение същата работа върши нативно извличане, а в обикновен браузър без разширение плочката изобщо не се предлага.
Какво се случва, когато натиснеш:
- Един адрес, една страница. Разширението я отваря в същия вид фонов таб, чете рендирания markup, текста на стиловете и няколко икони и лога изображения, после затваря таба. Не следва връзки и не обхожда сайта.
- Стилови таблици и шрифтове, хоствани другаде (CDN, услуга за шрифтове), също се извличат, защото цветовете и типографията на страницата живеят в тях. Заявките между произходи отиват без твоите бисквитки; тези от същия произход ги използват, точно както самата страница би направила.
- Всичко е ограничено - краен брой стилови листа, изображения и байтове - така че враждебна или полуразбита страница връща частичен материал, вместо да зависне.
- Байтовете отиват директно обратно в таба на Lolly, който е поискал. Разчитането на цветове, типография и лога се случва на твоето устройство; нищо не се качва.
Нищо не се чете, докато не натиснеш. Поставянето на адрес само попълва полето.
След инсталиране
Презареди таба на Lolly. Подканата „Get the extension“ изчезва и URL Screenshot става достъпен в галерията и в режим Batch.
Разрешения
Неговият manifest.json декларира четири разрешения плюс достъп до хостове:
debugger- управлява фоновия таб чрез DevTools Protocol. Това прави снимката.tabs- отваря временния фонов таб и го затваря отново след това.scripting- изпълнява четеца на единична страница вътре в посочения от теб сайт, за източника Website на Brand Studio.storage- записва id-то на отворен от него таб, само в session storage, така че табът пак да се затвори, ако браузърът суспендира разширението по средата на четенето. Изчиства се при следващото стартиране; нищо за теб не се съхранява.host_permissions: ["<all_urls>"]- достъп до всички сайтове, защото можеш да го насочиш към произволен URL по избор. Chrome показва това при инсталиране като широко предупреждение „read and change all your data on all websites“.
Въпреки това предупреждение, то чете само единствената страница, която поискаш да заснеме или внесе, и не чете и не предава данните от сърфирането ти - нищо не се качва никъде.
Манифестът също задава minimum_chrome_version: 111. Текущата версия е 0.2.1.
Отстраняване на проблеми
- Все още виждаш „Get the extension“? Презареди таба на Lolly - откриването става при зареждане на страницата.
- Нищо не се случва на този сайт? Разширението се активира само на собствените произходи на Lolly. Ползваш custom build на друг домейн? Добави го в
content_scripts.matchesвmanifest.jsonна разширението. - Заснемане се проваля? Провери дали URL адресът е достижим и започва с
http://илиhttps://. Някои страници активно блокират автоматизирано заснемане.