Bookmarklets from utgwkk

[Let] 代替テキストが指定されていないimg要素をハイライトする

utgwkk — 2022-08-24T02:25:11Z

/*
 * @title 代替テキストが指定されていないimg要素をハイライトする
 * @description imgタグのalt属性が未指定の要素を赤くハイライトします。指定されていたら緑色でハイライトします。一度実行したら要素が動的に変わってもハイライトされます
 * @include https://*
 * @license MIT License
 * @require 
 */
(() => {
  const highlight = (element) => {
    element.querySelectorAll("img").forEach((img) => {
      // alt属性が指定されていたら緑の線、指定されていないなら赤線で囲まれる
      img.style.outline = img.getAttribute('alt') !== null ? "1px solid green" : "2px solid red"
    })
  }
  highlight(document.body)
  const observer = new MutationObserver((ms) => {
    ms.forEach((m) => {
      m.addedNodes.forEach((node) => {
        if (!(node instanceof HTMLElement)) {
          return
        }
        highlight(node)
      })
    })
  })
  observer.observe(document.body, { childList: true, subtree: true })
})()

[Let] はてな記法でタイトルとURLをprompt

utgwkk — 2020-07-09T03:13:33Z

はてな記法でタイトルとURLをprompt

/*
 * @title はてな記法でタイトルとURLをprompt
 * @description [URL:title=タイトル]という形式でページのタイトルとURLをpromptします
 * @include *
 * @license MIT License
 * @javascript_url
 */
(function(){
 const content = `[${location.href}:title=${document.title}]`;
 prompt('', content);
 // これは動かない
 // copy(content)
})();

[Let] Markdownのリンク形式でタイトルとURLをalert

utgwkk — 2020-06-26T06:37:49Z

Markdownのリンク形式でタイトルとURLをalert

/*
 * @title Markdownのリンク形式でタイトルとURLをalert
 * @description [タイトル](URL)という形式でページのタイトルとURLをalertします
 * @include *
 * @license MIT License
 * @javascript_url
 */
(function(){
 const content = "[" + document.title + "](" + location.href + ")";
 alert(content);
 // これは動かない
 // copy(content)
})();

[Let] Scrapboxのリンク形式でタイトルとURLをalert

utgwkk — 2019-10-03T07:27:04Z

Scrapboxのリンク形式でタイトルとURLをalert

/*
 * @title Scrapboxのリンク形式でタイトルとURLをalert
 * @description [タイトル URL]という形式でページのタイトルとURLをalertします
 * @include *
 * @license MIT License
 * @javascript_url
 */
(function(){
 const content = "[" + document.title + " " + location.href + "]";
 alert(content);
 // これは動かない
 // copy(content)
})();

[Let] YouTubeの動画のスクショを撮る

utgwkk — 2019-07-07T06:17:37Z

YouTubeの動画のスクショを撮る

/*
 * @title YouTubeの動画のスクショを撮る
 * @description YouTubeの動画の現在位置のスクリーンショットを撮って、新しいタブに表示します。
 * @include https://www.youtube.com/*
 * @license MIT License
 * @javascript_url
 */
(() => {
    const query = '.video-stream.html5-main-video';
    const video = document.querySelector(query);
    const canvas = document.createElement('canvas');
    canvas.width = parseInt(video.style.width, 10) || 960;
    canvas.height = parseInt(video.style.height, 10) || 540;
    const ctx = canvas.getContext('2d');
    ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
    const url = canvas.toDataURL('application/octet-stream');
    const newWindow = window.open('about:blank');
    newWindow.document.write(`<img src="${url}">`);
})()

[Let] subsonic-nowplaying

utgwkk — 2019-07-07T05:49:57Z

subsonic-nowplaying

/*
 * @title subsonic-nowplaying
 * @description Subsonic の #nowplaying を生成してツイートする
 * @include http://*
 * @license MIT License
 * @require 
 * @javascript_url
 */

(() => {
const d = document.getElementById('playQueue').contentWindow.document;
const sn = d.getElementById('songName').textContent;
const ar = d.getElementById('artistName').textContent;
window.open('https://twitter.com/intent/tweet?text='+encodeURI(`? ${sn} by ${ar}`) + '&hashtags=nowplaying', 
            'hoge', 'width=800, height=300, menubar=no, toolbar=no, scrollbars=yes');
})();