替换 Chrome 扩展中的用户文本输入

Posted 2023-02-19

【中文标题】替换 Chrome 扩展中的用户文本输入

【英文标题】：Replace User Text Input In Chrome Extension

【发布时间】：2022-01-21 06:26:16

【问题描述】：

我目前有这段代码，可以用其他字符替换特定情况下的用户输入，并且可以在浏览器中使用。但是，当我尝试在 google chrome 扩展程序中执行此操作时，文本不会被替换。有没有办法让它适用于 chrome 扩展？

$('body').on('input', 'input[name=address1]', function() 
  $(this).val($(this).val().replace('/', ' m. '));
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="text" name="address1" id="address1" value=""/>

【问题讨论】：

如果是弹出窗口，请注意它是一个单独的窗口，因此它有自己独立的开发工具：在弹出窗口内右键单击并在菜单中选择“检查”。您可能会看到有关 jquery 的错误。要修复它，请手动下载 jquery.js，将其放在扩展程序的目录中，然后像加载主脚本一样加载它。

【参考方案1】：

我下载了 jquery js 文件，并在我的 html 文件中调用了<script type="text/javascript" src="jquery.js"></script>。