Chrome书签工具开发问题：页面无法停留在底部且新标签页失效

核心问题分析 #

1. 直接滚动失效：加载缓慢的仪表盘未完全加载时执行滚动，后续动态加载的内容会撑开页面，导致滚动位置被重置到顶部。
2. 新标签页无法触发：空白新标签页（如chrome://newtab/）执行环境特殊，常规window.open方式可能因浏览器限制或上下文问题无法生效。

解决代码（直接复制为书签） #

javascript:(function() {
  // 替换成你的目标仪表盘URL
  const targetUrl = 'https://your-dashboard-url.com';
  let newTab;

  // 处理空白新标签页场景
  if (window.location.href.startsWith('chrome://newtab/') || window.location.href === 'about:blank') {
    window.location.href = targetUrl;
    // 监听页面加载+动态内容，重复滚动确保触发组件加载
    const ensureScrollToBottom = () => {
      if (document.readyState === 'complete') {
        window.scrollTo(0, document.body.scrollHeight);
        // 持续1秒滚动一次，共5次，覆盖动态加载的延迟
        let retryCount = 0;
        const interval = setInterval(() => {
          window.scrollTo(0, document.body.scrollHeight);
          retryCount++;
          if (retryCount >= 5) clearInterval(interval);
        }, 1000);
      } else {
        setTimeout(ensureScrollToBottom, 500);
      }
    };
    ensureScrollToBottom();
  } 
  // 处理已打开网页的触发场景
  else {
    newTab = window.open(targetUrl);
    const checkTabReady = () => {
      if (newTab && newTab.document.readyState === 'complete') {
        newTab.scrollTo(0, newTab.document.body.scrollHeight);
        let retryCount = 0;
        const interval = setInterval(() => {
          newTab.scrollTo(0, newTab.document.body.scrollHeight);
          retryCount++;
          if (retryCount >= 5) clearInterval(interval);
        }, 1000);
      } else {
        setTimeout(checkTabReady, 500);
      }
    };
    checkTabReady();
  }
})()

代码说明 #

• 场景适配：自动区分空白新标签页和已浏览页面，分别采用修改当前页URL或打开新标签页的方式，确保触发有效。
• 滚动时机：通过document.readyState判断页面完全加载后再执行滚动，避免因未加载内容导致的位置重置。
• 动态内容兼容：添加定时重复滚动（持续5次，间隔1秒），覆盖仪表盘缓慢加载的组件，确保底部所有元素被触发加载。

使用步骤 #

1. 将代码中的https://your-dashboard-url.com替换为实际的第三方仪表盘地址。
2. 在Chrome书签栏右键选择「添加书签」，名称自定义，网址栏粘贴上述代码，保存即可。

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