私は Chrome を使用しています。一部のサイトでは、さまざまなフィールドの膨大な数のエントリを記憶しているようです。とても便利だと思います。ただし、一部のサイトでは、それほどうまく機能しません。私を困惑させている例の 1 つは、AWS コンソールです。Lambda 関数を更新するときに、S3 からファイルをコピーする必要があります。非常に長い URL を必要とするフィールドがあり、毎回別の場所から取得する必要があります。
フィールドの 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