| title | date | categories | |
|---|---|---|---|
CssSelectorViewer.Js |
2023-11-23 |
|
how to add bookmarklet in chrome
export default { icon: ``, name: { en: “CSS selector viewer”, vi: “Trình kiểm tra css cục bộ”, }, description: { en: “Inspect css at specific element on the web”, vi: “Kiểm tra mã css cho thành phần bất kỳ trong trang web”, }, onClick: function () { var s = document.createElement(“div”); s.innerHTML = “Loading…”; s.style.color = “black”; s.style.padding = “20px”; s.style.position = “fixed”; s.style.zIndex = “9999”; s.style.fontSize = “3.0em”; s.style.border = “2px solid black”; s.style.right = “40px”; s.style.top = “40px”; s.setAttribute(“class”, “selector_gadget_loading”); s.style.background = “white”; document.body.appendChild(s); s = document.createElement(“script”); s.setAttribute(“type”, “text/javascript”); s.setAttribute( “src”, “https://dv0akt2986vzh.cloudfront.net/unstable/lib/selectorgadget.js” ); s.onerror = () => { alert(“ERROR, cannot load remote script.”); }; document.body.appendChild(s); }, };