☰

如何强制浏览器保存字段内容以供以后使用？

tag-icon • tag-icon google-chrome amazon-web-services
如何强制浏览器保存字段内容以供以后使用？

我使用 Chrome。在某些网站上，它似乎能记住不同字段的大量条目。我发现它非常方便。但是，在某些网站上，它表现不佳。让我抓狂的一个例子是在 AWS 控制台上。更新 Lambda 函数时，我需要从 S3 复制一个文件。有一个字段需要很长的 URL，每次我都必须去其他地方检索。 AWS Lambda 屏幕截图

该字段的 HTML 为：

<input type="text" autocomplete="on" id="awsui-textfield-5"
class="awsui-textfield awsui-textfield-type-text">

因为autocomplete="on"我希望 Chrome 能够“做正确的事™”，但也许是因为该领域不在，所以事实<form>并非如此。

为了保存一个油田，必须满足什么条件？

我经常制作书签或用户脚本来解决网站上的小麻烦。我很想在这里这样做，但我不知道需要做哪些改变。

请指教。

答案1

我已经解决了这个问题！我认为这个解决方案可能适用于许多其他情况。我做了一个书签小工具以及可以粘贴到“开发人员工具”控制台中的一段 javascript。

var jq_tag=document.createElement('script');
jq_tag.setAttribute('src','//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js');
document.head.appendChild(jq_tag);
setTimeout(function() {
  var tf=$(document.activeElement);
  var ff=$('<form method="post" target="_blank" action="//example.com"><input type="submit" value="Save this field data"></form>');
  tf.after(ff);
  ff.prepend(tf);
}, 2000);

根据设计（为了使其更通用），它要求您将光标放在相关文本字段中。当您运行 JS 时，字段后会出现一个“保存此字段数据”按钮。

以下是逐行详细说明：

# Create a script tag in memory.
# Make it source jQuery.
# Attach it to do the <head> of the document which begins loading it.
# Barbaric workaround for waiting for the JS to load.
# Get the element that has focus.
# Create a form that will POST to example.com in a new tab.
# Attach the form to the DOM right after the "focused element".
# Detach the "focused element" and reattach it inside the new form element.

这是它的实际效果... 在此处输入图片描述

答案2

这与表格历史控制（II）相比如何？ https://chromewebstore.google.com/detail/form-history-control-ii/lpcccgcdjibejkgiaeijbmkpbnbkglkb

相关内容