如何在Gemini setUrl加载指定URL前修改全局变量或localStorage？

你遇到的问题核心是钩子执行时机不对——你用的before钩子是在页面加载完成后才触发的，这时候你的应用初始化逻辑（比如页面加载时读取localStorage、navigator.language的代码）已经跑完了，所以你在executeJS里设置的内容自然赶不上生效。

要在页面加载前修改这些浏览器状态，你需要用Gemini的beforeNavigate钩子，它会在调用setUrl导航到目标页面之前就执行，这时候修改的localStorage、浏览器属性等，会在页面初始化时被读取到。

修改后的代码示例 #

suite
  .setUrl('index.html')
  .beforeNavigate(function(actions, find) {
    actions.executeJS(function(window) {
      // 这里的设置会在页面加载前生效
      localStorage.setItem('key', 'value');
      // 注意：部分浏览器中navigator.language是只读属性，可能需要用这种方式模拟
      Object.defineProperty(window.navigator, 'language', {
        value: 'sk',
        writable: true
      });
    });
  })
  .before(function(actions, find) {
    // 应用全局变量（比如globalConfig）需在页面加载后修改，此时变量已存在
    actions.executeJS(function(window) {
      window.globalConfig.flag = true;
    });
  });

额外注意点 #

• 关于globalConfig.flag：因为globalConfig是你应用自身定义的全局变量，在beforeNavigate阶段页面还没加载，这个变量根本不存在，直接设置会报错。你要么把这部分逻辑放到before钩子（页面加载后），要么调整应用逻辑，让它从localStorage读取flag值，这样就能在beforeNavigate阶段通过修改localStorage间接控制这个变量了。
• 对于navigator.language：有些浏览器会把这个属性设为只读，直接赋值可能无效，这时候可以用Object.defineProperty来重新定义它，像示例里那样操作。

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