mirror of
https://github.com/arfct/itty-bitty.git
synced 2026-03-11 08:54:33 +00:00
34 lines
1.5 KiB
JavaScript
34 lines
1.5 KiB
JavaScript
let url = params.body
|
|
let title = params.title
|
|
let ua = navigator.userAgent;
|
|
|
|
var b = document.documentElement;
|
|
b.setAttribute('data-useragent', navigator.userAgent);
|
|
b.setAttribute('data-platform', navigator.platform );
|
|
|
|
let mobile = ua.match(/Mobile/i)
|
|
|
|
let barName = ua.match(/Chrome/i) ? "Bookmarks" : "Favorites"
|
|
let managerName = ua.match(/Edge/i) ? "Favorites" : "Bookmarks"
|
|
let cmdKey = ua.match(/Mac/i) ? "⇧⌘B" : "Ctrl + Shift + B"
|
|
|
|
let script = window.script;
|
|
|
|
loadSyle(script.replace("js", "css")).then(() => {
|
|
document.body.appendChild(
|
|
el("div", {id:"content"},
|
|
el("div", {className:"description"}, params.info?.d ?? ""),
|
|
el("a", {className:"bookmarklet", href:url}, el("span", {className:"capsule", innerText:"" + title || "Bookmarklet"})),
|
|
el("p", {id:"emoji", innerText:"☝️"}),
|
|
el("p", {innerHTML:`This page contains a bookmarklet.<br>(<a target="_blank" href="https://en.wikipedia.org/wiki/Bookmarklet">learn more</a>)`}),
|
|
|
|
el("p", {className:"", innerText:`Drag this bookmarklet to your ${managerName} to use it.`}),
|
|
el("p", {className:"hint desktop", innerText:`(Hit ${cmdKey} to toggle the ${managerName} bar)`}),
|
|
el("p", {className:"hint mobile", innerText:`To open ${managerName} while dragging, hold on top of it, or tap bookmarks with a second finger to open`}),
|
|
// el("p", {innerText:`Or bookmark this page, then edit the address to remove everything to the left of "javascript:"`}),
|
|
|
|
)
|
|
);
|
|
parent.postMessage({}, "*");
|
|
|
|
})
|