Javascript 书签转到 URL 并执行

Question

我有一个像这样的 javascript，使用了 ia bookmarklet：

window.location="URL"
document.getElementById('username-id').value = 'User'
document.getElementById('pwd-id').value = 'pass'
doLogin();

问题是 javascript 一旦到达 URL 就会停止。 如何让它进入页面并执行脚本？

任何帮助将不胜感激。

Answer 1

我不推荐浏览器扩展 - 它们允许不受信任的代码在受信任的代码上下文中运行。如果您有一个浏览器扩展程序可以加载页面并自动输入您的用户 ID 和密码，那么什么可以阻止它将这些凭据发布到恶意站点呢？只有你，而且只有你仔细阅读了源代码。

为了解决上述问题，我在浏览器的收藏夹栏中添加了书签，需要单击两次：
1. 点击导航至该位置
2. 点击填写表格

javascript: 
 var L='http://mysite.com/';
 if(location!=L)location=L;
 else{
  document.getElementById('username-id').value='User'; 
  document.getElementById('pwd-id').value = 'pass';
  document.close();
  doLogin(); 
 }

祝你好运！

Answer 2

不幸的是，您的书签将无法使用。更改 window.location 会导致新页面的加载 - 如果没有先显示文档，则无法在该页面上执行任何 Javascript。

所需的操作可以通过浏览器扩展来实现，例如 Greasemonkey 脚本，该扩展在页面加载时在页面上执行指定的 Javascript。

Answer 3

如果您控制正在加载的页面，我会考虑将该数据作为片段传递并从页面处理该数据。像 window.location="URL#username=...;password=..." 这样的东西，而不是解析页面中片段的数据并用它做任何您需要的事情。但是，在这种特定情况下，这不是一个好主意，因为密码将保存在浏览历史记录中。

Answer 4

如果您想从与目标位置相同的域（并且具有相同的方案）加载的页面执行小书签，您可以通过将其加载到 iframe 中来实现（某种程度上）。

javascript:
document.body.innerHTML = '<iframe src="http://example.com/page2.html" onload="this.contentWindow.location.assign(`javascript:
    document.body.style.textTransform = \'uppercase\'; /* put code here */
void(0);`); this.onload = null;" width=100% height=100%>';

请注意，为了易读，多行字符串使用了反引号。需要 onload = null 来防止无限循环，因为 onload 将在为位置分配 JavaScript 代码后触发。

（仅在 Chrome 中测试。）

Answer 5

尝试使用 window.onload 事件包装您的代码。

window.location = "URL"; window.onload = function() {
document.getElementById('username-id').value = 'User'
document.getElementById('pwd-id').value = 'pass'
doLogin();
}

---

由于上述解决方案不起作用，您仍然应该能够编写一个简单的浏览器扩展来解决您的问题。这很简单：选择您使用的浏览器并按照文档进行操作。这是唯一的方法。