inject jquery in puppeteer Seite

Question

Ich versuche, Jquery in meine puppeteer Seite zu injizieren, weil document.querySelector nicht es für mich nicht schneiden:

async function inject_jquery(page){ 
    await page.evaluate(() => { 
    var jq = document.createElement("script") 
    jq.src = "https://code.jquery.com/jquery-3.2.1.min.js" 
    document.querySelector("head").appendChild(jq) 
    }) 
    const watchDog = page.waitForFunction('window.jQuery !== undefined'); 
    await watchDog; 
} 

Das Ergebnis ist es meist mal aus. Hat jemand eine Lösung?

Answer 1

Ich habe page.addScriptTag verwendet, um js Dateien zu injizieren.

... 
await page.addScriptTag({url: 'https://code.jquery.com/jquery-3.2.1.min.js'}) 
... 

page.addScriptTag - Dokumentation

Arbeitsbeispiel puppeteer: 0.12.0

import { launch } from 'puppeteer' 
(async() => { 
    const browser = await launch({headless: false}); 
    const page = await browser.newPage(); 
    await page.goto('https://example.com', {waitUntil: 'networkidle'}); 
    await page.addScriptTag({url: 'https://code.jquery.com/jquery-3.2.1.min.js'}); 
    await page.close(); 
    await browser.close(); 
})(); 

Answer 2

mit diesem für mich funktioniert.

async function inject_jquery(page){ 
     await page.evaluate(() => { 
     var jq = document.createElement("script") 
     jq.setAttribute('type','text/javascript'); 
     jq.src = "https://code.jquery.com/jquery-3.2.1.min.js" 
     return new Promise((resolve) => { 
      jq.addEventListener("load",()=> { 
       resolve(); 
      }); 
      document.getElementsByTagName("head")[0].appendChild(jq); 
     }); 
     }) 
     const watchDog = page.waitForFunction('window.jQuery !== undefined'); 
     await watchDog; 
    } 

Answer 3

Ich tue dies:

await page.addScriptTag({ url: 'https://code.jquery.com/jquery-3.2.1.min.js' }); 
const title = await page.evaluate(() => { 
    const $ = window.$; //otherwise the transpiler will rename it and won't work 
    return $('h1 > span').text(); 
}); 

Answer 4

Für diejenigen, die eine lokale Kopie von jQuery zu injizieren:

await page.addScriptTag({path: require.resolve('jquery')})