如何通过单个书签在同一标签页连续加载多个链接?
实现自动切换组织并跳转指定页面的书签
完全可以用JavaScript书签(书签小工具)实现这个需求,以下是两种常见场景的解决方案:
场景1:切换组织通过API接口完成(无需页面跳转)
如果你的网站切换组织是通过后台API接口实现的(比如点击切换按钮时发送AJAX请求,不刷新页面),可以直接用fetch调用切换接口,完成后自动跳转目标页面:
javascript:(function(){ // 替换为你的组织切换API地址 const switchOrgApi = "https://your-site.com/api/switch-org?orgId=xxx"; // 替换为你要自动加载的目标页面地址 const targetPage = "https://your-site.com/desired-page"; // 发送切换组织请求,携带当前会话信息 fetch(switchOrgApi, { method: 'GET', // 根据实际接口调整为POST/PUT等 credentials: 'include' // 确保携带Cookie/Session信息 }) .then(() => { // 切换成功后跳转目标页面 window.location.href = targetPage; }) .catch(error => { alert(`切换组织失败: ${error.message}`); }); })();
使用方法:
- 新建一个书签,将上述代码替换掉书签的URL部分
- 替换代码中的
switchOrgApi和targetPage为实际地址 - 点击书签即可完成自动切换+跳转
场景2:切换组织必须通过页面跳转完成
如果网站切换组织需要跳转到特定页面才能完成会话更新,可通过隐藏iframe加载切换页面,完成后再跳转目标页面(注意:部分网站可能禁止被iframe嵌入,此方法可能失效):
javascript:(function(){ // 替换为你的组织切换页面地址 const switchOrgPage = "https://your-site.com/switch-org/xxx"; // 替换为你要自动加载的目标页面地址 const targetPage = "https://your-site.com/desired-page"; // 创建隐藏iframe加载切换页面 const iframe = document.createElement('iframe'); iframe.style.display = 'none'; iframe.src = switchOrgPage; // 切换页面加载完成后,跳转目标页面 iframe.onload = function() { window.location.href = targetPage; document.body.removeChild(iframe); }; document.body.appendChild(iframe); })();
注意事项
- 确保替换代码中的所有占位URL为你的网站实际地址
- 如果场景2的iframe方案失效,可尝试另一种思路:先通过书签存储目标页面到
sessionStorage,再跳转切换组织页面,然后手动在切换组织页面运行一个提取sessionStorage并跳转的书签(但需要两次点击,体验稍差) - 部分网站有内容安全策略(CSP)限制,可能会阻止书签中的JavaScript执行,这种情况下可能需要浏览器扩展辅助
内容的提问来源于stack exchange,提问作者Mitch Miller
相关产品推荐
相关产品推荐

