selector?

noromanba by noromanba 2018-07-19 [2018/07/19 06:59:42]

tiny inspector

  • /*
 * @title selector?
 * @description tiny inspector
 * @include http://*
 * @include https://*
 * @license MIT License https://opensource.org/licenses/MIT
 * @javascript_url
 */

// `document.elementFromPoint()`
// http://let.hatelabo.jp/noromanba/let/hLHVlfGMmoYk

// TODO mobile handling
(() => {
    'use strict';

    const log = console.log;

    document.body.addEventListener('click', evt => {
        // https://developer.mozilla.org/en-US/docs/Web/API/DocumentOrShadowRoot/elementsFromPoint
        log(
            document.elementsFromPoint(evt.x, evt.y).reverse().map(node => node)
        );
    });
})();
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2018/07/19 06:59:42 - 2018-07-19