☰

Как заставить браузер сохранять содержимое поля для дальнейшего использования?

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

Связанный контент