iframe2link

by noromanba 2016-02-29 [2016/02/29 06:20:18]

replace iframe to anchor link

@@ -12,11 +12,12 @@
 (() => {
     const whitelist = [
         '[src^="javascript:"]',
-        '[src^="http://www.facebook.com/"]',
+        '[src*="//www.facebook.com/plugins/"]',
         // #twitter-widget-* .twitter-share-button .twitter-tweet-button
         '[class|="twitter"]',
         '[src^="//platform.twitter.com/widgets/"]',
         '[src^="https://apis.google.com/"]',
+        '[src^="https://accounts.google.com/o/"]',
         '[src^="https://embed.tumblr.com/widgets/share/button"]',
         '[src^="https://widgets.getpocket.com/"]'
     ].map(sel => ':not(' + sel + ')').join('');
@@ -26,7 +27,7 @@
             ctx = ctx.parentNode || document.body;
         }
 
-        Array.from(ctx.querySelectorAll('iframe[src]' + whitelist)).forEach(iframe => {
+        Array.from(ctx.querySelectorAll('iframe[src]' + whitelist), iframe => {
             const link = document.createElement('a');
             link.href = iframe.src;
             link.appendChild(document.createTextNode(link.href));

• /*
   * @title iframe2link
   * @description replace iframe to anchor link
   * @include http://example.com/DIY/*
   * @license MIT http://opensource.org/licenses/MIT
   * @javascript_url
   */
  
  // UserScript
  // https://gist.github.com/noromanba/26d1804fac23f76d9dfc
  
  (() => {
      const whitelist = [
          '[src^="javascript:"]',
          '[src*="//www.facebook.com/plugins/"]',
          // #twitter-widget-* .twitter-share-button .twitter-tweet-button
          '[class|="twitter"]',
          '[src^="//platform.twitter.com/widgets/"]',
          '[src^="https://apis.google.com/"]',
          '[src^="https://accounts.google.com/o/"]',
          '[src^="https://embed.tumblr.com/widgets/share/button"]',
          '[src^="https://widgets.getpocket.com/"]'
      ].map(sel => ':not(' + sel + ')').join('');
  
      const replace = (ctx) => {
          if (ctx.tagName.toLowerCase() === 'iframe') {
              ctx = ctx.parentNode || document.body;
          }
  
          Array.from(ctx.querySelectorAll('iframe[src]' + whitelist), iframe => {
              const link = document.createElement('a');
              link.href = iframe.src;
              link.appendChild(document.createTextNode(link.href));
  
              iframe.parentNode.replaceChild(link, iframe);
          });
      };
      replace(document.body);
  
      new MutationObserver(records => {
          records.forEach(record => {
              const ctx = record.target;
              if (!ctx.tagName || !ctx.querySelectorAll) return;
  
              replace(ctx);
          });
      }).observe(document.body, { childList: true, subtree: true });
  })();
  
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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