如何填写从chrome扩展的网页上的窗体内的文本字段
How to fill out a textfield within a form on a webpage from a chrome extension?
到目前为止,我已经得到了一个扩展,列出了网页的用户是在和一个按钮。当点击按钮时,应该用"testing123"填充文本框。
在我测试的网页上,表单有一个id和名称"form",文本字段有一个id和名称"body"。
如果我能得到一些帮助填写这个文本字段或一般文本字段,这将是非常感激。
以下是我目前收集到的文件:
manifest.json
<>之前{"name":扩展菜单;"版本":"1.0","manifest_version":2"description": "My extension"," browser_action ": {"default_icon":"程序","default_menu":"菜单",:"default_popup popup.html"},"图标":{"128":"程序"},"权限":["tabs", "http://*/*", "activeTab"]}之前popup.html
<p id="currentLink">Loading ...</p>
<hr />
<ul id="savedLinks"></ul>
<script type="text/javascript" src="popup.js"></script><br>
<button type="button" onclick="fill in text box with the word 'testing123'">Go!</button>
popup.js
<>之前chrome.tabs。getSelected(null, function(tab) {//$("#").val("testing123");//. getelementbyid(身体的)。Value = 'testing123';. getelementbyid("currentLink")。innerHTML = tab.url;});之前我试过使用:
$("#body").val("testing123");
document.getElementById('body').value = 'testing123';
您无法从popup
直接访问该网页。您应该使用内容脚本来完成此操作。Content scripts
在网页上下文中运行
将此添加到您的manifest:
"content_scripts": [
{
"matches": [
"http://www.example.com/*"
],
"js": [
"jquery.js",
"myscript.js"
]
},
myscript.js :
$("#body").val("testing123");
document.getElementById('body').value = 'testing123';
相关文章:
- 防止Iframe窗体在新窗口中打开
- 如何使用jquery在填充自动完成的值后使文本框只读
- 使用Clipboard.js复制span文本
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 用程序搜索JQuery数据表中的文本
- jQuery匹配JSON对象的部分文本
- onkeyup无法动态创建多个文本区域
- 将文本框中的值用于按钮窗体操作上的变量
- 在窗体中动态添加数组文本框
- 当用户使用 ASP.NET 从 Web 窗体中的“下拉列表列表”中选择“其他”时,文本框的显示方式
- 将TextBox.Value传递到模式窗体标签.单击时显示文本
- 如何将焦点()设置为不在窗体内的输入文本框
- 在不单击提交的情况下将文本区域值从iframe传递到父窗体
- 如何在输入文本处于焦点时显示父窗体
- 只弹出一次更改文本框值的窗体
- 创建一个angular指令来改变窗体的占位符文本
- 窗体中文本框的设置值
- 当使用事件窗体onchange时,更改表格单元格文本颜色
- 带有窗体和一个输入文本的报警框
- 在引导模式弹出窗口结束时,想要在主窗体上设置文本框的值