期望onLoadFinished完成后执行page.evaluate，却报找不到变量page错误

你遇到的这个问题，本质是回调函数的作用域绑定问题：当onLoadFinished的回调触发执行时，它内部无法正确访问到外部的page变量，导致抛出找不到变量的错误。下面给你几个实用的解决方案：

方案1：用箭头函数保留外部作用域 #

如果你的运行环境支持ES6语法，直接把回调改成箭头函数就能解决问题——箭头函数不会创建自己的作用域，会自动继承外部的page变量：

page.property('onLoadFinished', (status) => {
  if(status === "success") {
    try{
      console.log('==== onLoadFinished()' + status);
      page.evaluate(function () {
        console.log("++++++++++++++++++"+document);
        var Import = document.getElementById("Import");
        if (Import){
          console.log("+"+Import);
          document.getElementById("start").value = "somedate";
          // 这里继续你的后续逻辑
        }
      });
    } catch(e) {
      console.error('evaluate执行出错：', e);
    }
  }
});

方案2：用闭包固定page变量 #

如果环境不支持箭头函数，可以提前把page存到一个外部变量里，让回调通过闭包访问这个固定的引用：

const currentPage = page; // 把page变量保存到外部作用域
page.property('onLoadFinished', function(status) {
  if(status === "success") {
    try{
      console.log('==== onLoadFinished()' + status);
      currentPage.evaluate(function () {
        console.log("++++++++++++++++++"+document);
        var Import = document.getElementById("Import");
        if (Import){
          console.log("+"+Import);
          document.getElementById("start").value = "somedate";
          // 你的后续逻辑
        }
      });
    } catch(e) {
      console.error('evaluate执行出错：', e);
    }
  }
});

方案3：利用回调内的this（适配PhantomJS等场景） #

在一些老的无头浏览器库比如PhantomJS中，onLoadFinished的回调函数里的this其实就指向当前的page对象，所以可以直接用this代替page：

page.property('onLoadFinished', function(status) {
  if(status === "success") {
    try{
      console.log('==== onLoadFinished()' + status);
      this.evaluate(function () { // 用this替代page变量
        console.log("++++++++++++++++++"+document);
        var Import = document.getElementById("Import");
        if (Import){
          console.log("+"+Import);
          document.getElementById("start").value = "somedate";
          // 你的后续逻辑
        }
      });
    } catch(e) {
      console.error('evaluate执行出错：', e);
    }
  }
});

额外小提示 #

建议给evaluate的代码块加上错误捕获，避免页面内的JS错误导致整个脚本崩溃；如果是用Puppeteer这类较新的库，更推荐使用page.on('load', ...)或者page.waitForNavigation()这类更直观的API来监听页面加载完成事件。

内容的提问来源于stack exchange，提问作者Sudiksha Nagvanshi