дебъгване на кординати

[stoqnski]

Здравейте , от няколко часа се опитвам да намеря js код или браузър екстеншън , за да разбера аджеба примерно логото на уеб туриста на какви кординати ( x , y ) се намира .
Подсказка: трябва ми за тази функция :
Query(document.elementFromPoint(x, y))

 

[SVTerziev]

https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect ?

 

[Revelation]

Пробвай така:

[js]
var logo = document.querySelector('#logo'); //примерен елемент
var viewport = logo.getBoundingClientRect();

console.log('X: ', viewport.left);
console.log('Y: ', viewport.top);
[/js]

 

[stoqnski]

Пробвай така:

[js]
var logo = document.querySelector('#logo'); //примерен елемент
var viewport = logo.getBoundingClientRect();

console.log('X: ', viewport.left);
console.log('Y: ', viewport.top);
[/js]

Това е супер , но как да избера елемент , който е в <iframe>

т.е. искам да разбера кординатите на елемент в iframe , но като задам на querySelector уникален елемент той не го ззасича , в такъв случай какво трябва да използвам , идея ?

 

[Revelation]

[js]
var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
[/js]

После вместо document.getElementById(querySelector), ползваш innerDoc.querySelector.

 

[stoqnski]

[js]
var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
[/js]

После вместо document.getElementById(querySelector), ползваш innerDoc.querySelector.

Написах го така:

var iframe = document.getElementById('#test');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
var iframeElement = innerDoc.querySelector('.first');
var viewport = iframeElement.getBoundingClientRect();

console.log('X: ', viewport.left);
console.log('Y: ', viewport.top);

<iframe id="test" ...

Дава ми

Uncaught TypeError: Cannot read property 'contentDocument' of null

Написах само 'test' и всичко е окей , но сега ми дава тази грешка:

Uncaught SecurityError: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "null" from accessing a frame with origin "http://tainazasega.com ". The frame requesting access has a protocol of "file", the frame being accessed has a protocol of "http". Protocols must match.

 

[stoqnski]

да го слагам в някакъв curl фейк агент ще сработи ли ?

 

[Revelation]

var iframe = document.getElementById('#test');

Тука ти е грешката. Или използвай document.getElementById('test') или document.querySelector('#test')