Firefox. 텍스트 영역, 입력 상자 등의 크기를 조정하는 방법

크기 조정이 가능하지 않은 요소 (텍스트 영역, 입력, ..)의 크기 / 힘 크기 조정을 설정 하는 방법이나 애드온이 있습니까?

CSS에서 규칙 또는 속성 크기 조정으로 CSS를 비활성화하지 않은 경우 브라우저 인터페이스 (마우스 드래그 코너)에서 입력 상자 요소의 크기를 조정할 수 있습니다. 예를 들면 다음과 같습니다.

textarea {
    resize: both;
}

그러나 크기를 조정할 수있는 양식 / 텍스트 영역을 찾는 것은 매우 드 un니다.

webdeveloper; Inspector 또는 Firebug / style 에서 소스 코드 의 속성 크기 를 직접 편집하여 많은 페이지의 크기를 조정할 수 있음을 알고 있습니다.

<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를 통해 코드 / 스타일을 변경하는 것이 가능하지만 빠르거나 간단하지는 않습니다.

이를 수행하는 간단한 방법은 bookmarklet을 사용하는 것 입니다. 아래 코드를 책갈피에 복사 한 다음 텍스트 상자의 크기를 조정하려는 페이지에있을 때마다 책갈피 단추를 클릭하여 페이지의 모든 텍스트 상자의 크기를 조정할 수 있습니다.

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

Firefox에서 책갈피를 작성하려면 책갈피 도구 모음에서 공백을 마우스 오른쪽 단추로 클릭하고 새 책갈피를 선택한 후 위 코드를 위치 필드에 복사하십시오 .