增加文本区域以查看更多文本行

Question

有什么方法可以增加此处找到的文本区域...？

https://www.google.com/intl/mr/inputtools/try/

我试过这个小书签，但它似乎不起作用：

javascript:(function(){var%20i,x;%20for(i=0;x=document.getElementsByTagName("INPUT")[i];++i)%20x.size%20+=%2035;%20})()

我可以在更大的文本区域中阅读更多文本。输入框的高度好像没有改的选项

Answer 1

javascript:(function () {
  const tx = document.getElementsByTagName("textarea");
  for (let i = 0; i < tx.length; i++) {
    tx[i].style.resize = 'auto';
  }
})()

如果您在文本区域上添加 css 属性 resize: auto，您可以通过从其右下角拖动文本区域来调整大小。

使用小书签：

javascript:(function () {
  const tx = document.getElementsByTagName("textarea");
  for (let i = 0; i < tx.length; i++) {
    tx[i].style.resize = 'auto';
  }
})()

Answer 2

以下小书签放大了 https://www.google.com/intl/mr/inputtools/try/ 处的文本区域。它会加长文本区域以适应所有内容而无需滚动，如果内容较短则加长 500 像素。在 Chrome 和 Firefox 上测试。

书签：

https://bookmarkify.it/45407（不要将此 link 直接添加到书签栏，添加在那里找到的小书签 link。您也可以轻松修改和创建新的小书签linked 页。）

代码：

// Find the text area.
element = document.getElementById('demobox')

// Calculate new height.
newHeight = Math.max(500, element.scrollHeight)

// Set height of element.
element.style.height = newHeight + 'px'

请注意，此小书签可能仅适用于 https://www.google.com/intl/mr/inputtools/try/，因为它会查找 ID 为 'demobox.' 的文本区域（这就是问题所要求的。）如果需要，您可以自由概括用于调整任何站点上所有文本区域大小的脚本。

增加文本区域以查看更多文本行

Increase the text area to view more lines of text

javascript

firefox

bookmarklet