Getting the source HTML of the current page from chrome extension

Question

I have a chrome extension  i need to analyse from the HTML source of the current page  i found here all kinds of solutions with background pages and content scripts but none helped me  here is what i have so far  manifest json        name    Extension      version    1 0      description    Extension      browser action          default icon    bmarkred ico        popup    Test html          content scripts                  matches     http                 js     content js                 background          page    backgroundPage html          permissions          cookies        tabs        http               https                background html    lt html gt   lt head gt   lt script type  text javascript  gt      try           chrome tabs getSelected null  function  tab                chrome tabs sendRequest tab id   action   getSource    function source                    alert source                                         catch  ex            alert ex          lt  script gt   lt  head gt   lt  html gt    content js   chrome extension onRequest addListener function request  sender  callback        if  request action     getSource             callback document getElementsByTagName  html   0  innerHTML               The alert always alerts undefined  even if i change in the content js file the callback function to   callback  hello       still the same result  What am i doing wrong  maybe im going at this the wrong way  whay i really need is this  When the user opens the extension popup  and only then   i need HTML of the current page so i can analyse it  any suggestions

User · Answer

Here is my solution  chrome runtime onMessage addListener function request  sender            if  request action     quot getSource quot                 this pageSource   request source              var title   this pageSource match   lt title   gt    gt     lt     lt   title gt    1               alert title                         chrome tabs query   active  true  currentWindow  true    tabs   gt            chrome tabs executeScript              tabs 0  id                code   var s   document documentElement outerHTML  chrome runtime sendMessage  action   quot getSource quot   source  s

User · Answer

Inject a script into the page you want to get the source from and message it back to the popup        manifest json         name    Get pages source      version    1 0      manifest version   2     description    Get pages source from a popup      browser action          default icon    icon png        default popup    popup html          permissions     tabs     lt all urls gt        popup html     lt  DOCTYPE html gt   lt html style    gt   lt head gt   lt script src  popup js  gt  lt  script gt   lt  head gt   lt body style  width 400px   gt   lt div id  message  gt Injecting Script     lt  div gt   lt  body gt   lt  html gt    popup js    chrome runtime onMessage addListener function request  sender      if  request action     getSource         message innerText   request source           function onWindowLoad        var message   document querySelector   message       chrome tabs executeScript null        file   getPagesSource js       function            If you try and inject into an extensions page or the webstore NTP you ll get an error     if  chrome runtime lastError          message innerText    There was an error injecting script    n    chrome runtime lastError message                  window onload   onWindowLoad    getPagesSource js        author Rob W  lt http   stackoverflow com users 938089 rob-w gt     Demo  var serialized html   DOMtoString document    function DOMtoString document root        var html               node   document root firstChild      while  node            switch  node nodeType            case Node ELEMENT NODE              html    node outerHTML              break          case Node TEXT NODE              html    node nodeValue              break          case Node CDATA SECTION NODE              html      lt   CDATA     node nodeValue       gt                break          case Node COMMENT NODE              html      lt  --    node nodeValue    -- gt                break          case Node DOCUMENT TYPE NODE                  X HTML documents are identified by public identifiers             html      lt  DOCTYPE     node name    node publicId     PUBLIC      node publicId                 node publicId  amp  amp  node systemId     SYSTEM           node systemId          node systemId                 gt  n               break                    node   node nextSibling            return html     chrome runtime sendMessage       action   getSource       source  DOMtoString document

[html] Getting the source HTML of the current page from chrome extension

Examples related to html

Examples related to google-chrome-extension