List up IDs/classes used in stylesheets

by unarist 2018-01-21 [2018/01/21 20:17:09]

outputs to console.log

• // @title List up IDs/classes used in stylesheets
  // @description outputs to console.log
  // @license MIT License
  // @javascript_url https://opensource.org/licenses/MIT
  
  console.log(
    [...new Set(
      [...document.styleSheets]
      .reduce((m,s) => {
        try{
          return Array.prototype.concat.apply(m, [...s.cssRules].map(r => (r.selectorText || '').match(/[#\.][-_a-z]+/gi)));
        } catch(x) {
          // > In some browsers, if a stylesheet is loaded from a different domain, calling cssRules results in SecurityError.
          // https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet#Notes
          return m.concat('-- cannot read cssRules for ' + s.href);
        }
      }, []))
    ]
    .filter(x=>x && !x.startsWith('.fa-')) /* fontawesome */
    .sort()
    .join('\n')
  );

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。