selector?
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 です。