网页填充文本js-crx的解决设想

1.js文件

// myScript.js
var textArea = document.getElementsByClassName('myTextArea')[0];

// Set the text content of the textarea
textArea.innerText = "This is my textarea";

// Set the value of the textarea
textArea.value = "This is my textarea";

2.manifest文件

// manifest.json
{
  "manifest_version": 2,
  "name": "My Extension",
  "version": "1.0",
  "content_scripts": [
    {
      "matches": ["*://*/*"],
      "js": ["myScript.js"]
    }
  ],
  "permissions": ["*://*/*"]
}

3.组成crx

To create a crx file from these files, you can use the chrome.exe command-line tool as follows:

chrome.exe --pack-extension=myExtension --pack-extension-key=myExtension.pem

或 可以使用chrome选择文件夹完成

4.可能无权限

For example, if you try to use the innerText or value property to set the text content or value of a textarea element, you may see an error like this:

Uncaught SecurityError: Failed to set the 'innerText' property on 'Element': The element is not in a Document.

5.无id也无class

var textArea = document.querySelector('textarea.myTextArea');

// Set the text content of the textarea
textArea.innerText = "This is my textarea";

// Set the value of the textarea
textArea.value = "This is my textarea";

或

var textAreas = document.querySelectorAll('textarea.myTextArea');

// Loop through all textarea elements with the class myTextArea
for (var i = 0; i < textAreas.length; i++) {
  var textArea = textAreas[i];

  // Set the text content of the textarea
  textArea.innerText = "This is my textarea";

  // Set the value of the textarea
  textArea.value = "This is my textarea";
}