Fire Fox. как изменить размер текстовой области, поля ввода и т. д.

Question

Есть ли способ или дополнение, чтобы установить размер / принудительное изменение размера для элементов (textarea, input, ..), которые не включены для изменения размера?

Размер элементов ввода можно изменить из интерфейса браузера (угол перетаскивания мышью), если в CSS это не отключено правилами или изменено свойство, например:

textarea {
    resize: both;
}

Тем не менее, очень редко можно найти формы / текстовые области, размер которых можно изменить.

Я знаю, что многие страницы могут быть изменены, от веб-разработчика, инспектора или Firebug/ стиля, редактируя непосредственно размер свойства в исходном коде, т.е.

<input id="input_username" name="Nombre" maxlength="140" size="80" type="text">

Следующая ссылка показывает, как работает изменение размера свойства https://www.w3schools.com/cssref/playit.asp?filename=playcss_resize

Это вопрос к страницам в целом. Меня интересует простой способ изменения размера без кодирования, но с перетаскиванием угла элемента. Как я уже сказал, я знаю, что иногда можно изменить размер изменяющегося кода / стиля с помощью Firebug / Webdeveloper / Stylish, но это не так быстро и просто.

Answer 1

Простой способ сделать это - использовать букмарклет. Скопируйте приведенный ниже код в закладку, а затем каждый раз, когда вы находитесь на странице, где вы хотите изменить размер текстового поля, нажмите кнопку закладки, чтобы все текстовые поля на странице можно было изменять.

javascript:
(function() {
  var boxes = document.getElementsByTagName('textarea');
  for (var i = 0; i < boxes.length; i++) {
      boxes[i].style.resize = "both";
  }
})();

Чтобы создать букмарклет в Firefox, щелкните правой кнопкой мыши пробел на панели инструментов закладок, выберите « Новая закладка» и скопируйте приведенный выше код в поле « Расположение» .