Chrome Object Spy

Object Spy for chrome browser

Устаревшая версия за 28.11.2016. Перейдите к последней версии.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

// ==UserScript==
// @name         Chrome Object Spy
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Object Spy for chrome browser
// @author       You
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
     var arrayWithElements = new Array();
     document.onclick = clickListener;

function clickListener(e) {
   if(e.target.getAttribute("id")!='dont show popup')
      {
    var clickedElement;
    var clickedElement1;
    var arialabel;
    var clickedtagname;
    var attrname;
    var attrnamelen;
    var tagdetails = "";
    var itext;
    if(e === null)
    {
       var clickedElement = event.srcElement.getAttribute("id");
       clickedtagname =  event.srcElement.tagName;
    }
    else
    {
       var x = e.target.parentNode.nodeName;
       clickedElement = e.target.getAttribute("id");
       clickedElement1 = e.target.getAttribute("class");
       clickedtagname = e.target.tagName;
       var xpth = createXPathFromElement(e.target);
       arialabel = e.target.getAttribute("aria-label");
       itext =  e.target.innerText;
       if(clickedtagname !== null)
       {
           tagdetails = tagdetails+"<title>Chrome Object Spy</title><table border='1|0'><tr><th>Property</th><th>Value</th></tr><tr><td>TagName</td><td>"+clickedtagname+"</td></tr>";
        }
        if(itext !== null)
        {
           tagdetails = tagdetails+"<tr><td>innertext</td><td>"+ itext+"</td></tr>";
         }
        if(xpth !== null)
           {
              tagdetails = tagdetails+"<tr><td>Xpath</td><td>"+ xpth+"</td></tr>";
           }
         for(var i = 0;i<e.target.attributes.length;i++)
         {
            attrnamelen = e.target.attributes[i].name.length;
            attrname =  e.target.attributes[i].name;
            var attr1 = e.target.attributes[i].name;
            while(attrnamelen<25)
                {
                    attr1 = attr1+ " ";
                    attrnamelen = attr1.length;
                 }
             attr1 = attr1;
               tagdetails = tagdetails +"<tr><td>"+attr1 +"</td><td>"+ e.target.attributes[i].value+"</td></tr>";
          }
        var a = document.createElement("a");
        var dt = 'data:text/html,'+tagdetails;
        a.id = 'dont show popup';
        a.addEventListener("click", function(){window.open(dt, 'newwindow', 'width=300, height=250'); return false;});
        document.getElementsByTagName('body')[0].appendChild(a);
        a.click();
     }
   }
}
function createXPathFromElement(elm) {
    var allNodes = document.getElementsByTagName('*');
    for (var segs = []; elm && elm.nodeType == 1; elm = elm.parentNode)
    {
       if (elm.hasAttribute('aria-labelledby')) {
            segs.unshift(".//"+elm.tagName.toLowerCase()+"[@aria-labelledby='" + elm.getAttribute('aria-labelledby') + "']<br>");
            break;
       }
       else if(elm.hasAttribute('aria-label')) {
          var uniqueIdCount = 0;
                for (var n=0;n < allNodes.length;n++) {
                    if (allNodes[n].hasAttribute('aria-label') && allNodes[n].id == elm.id) uniqueIdCount++;
                    if (uniqueIdCount > 1) break;
                }
                if ( uniqueIdCount == 1) {
                    segs.unshift(".//"+elm.tagName.toLowerCase()+"[@aria-label='" + elm.getAttribute('aria-label') + "']<br>");
                    return segs;
                } else {
                    segs.unshift(".//"+elm.tagName.toLowerCase()+"[@aria-label='" + elm.getAttribute('aria-label') + "']<br>");
                }
                break;
          //segs.unshift(elm.localName.toLowerCase() + ".//"+elm.tagName+"[@aria-label='" + elm.getAttribute('aria-label') + "']");
       }
       else if (elm.hasAttribute('id')) {
             var uniqueIdCount = 0; 
                for (var n=0;n < allNodes.length;n++) {
                    if (allNodes[n].hasAttribute('id') && allNodes[n].id == elm.id) uniqueIdCount++;
                    if (uniqueIdCount > 1) break;
                }
                if ( uniqueIdCount == 1) { 
                    segs.unshift(".//"+elm.tagName.toLowerCase()+"[@id='" + elm.getAttribute('id') + "']<br>"); 
                    return segs; 
                } else { 
                    segs.unshift(".//"+elm.tagName.toLowerCase()+"[@id='" + elm.getAttribute('id') + "']<br>"); 
                } 
         break;
        } else if (elm.hasAttribute('class')) { 
            segs.unshift(".//"+elm.tagName.toLowerCase()+"[@class='" + elm.getAttribute('class') + "']<br>"); 
           break;
        } else { 
            for (i = 1, sib = elm.previousSibling; sib; sib = sib.previousSibling) { 
                if (sib.localName == elm.localName)  i++; }
                segs.unshift(elm.localName.toLowerCase() + '[' + i + ']'); 
        } 
    }
    return segs.length ? '' + segs : null; 
}

function lookupElementByXPath(path) { 
    var evaluator = new XPathEvaluator(); 
    var result = evaluator.evaluate(path, document.documentElement, null,XPathResult.FIRST_ORDERED_NODE_TYPE, null); 
    return  result.singleNodeValue; 
} 
})();