Javascript 如何使用弹出式Chrome扩展请求和捕获地理位置_Javascript_Html_Css_Google Chrome Extension_Geolocation

Javascript 如何使用弹出式Chrome扩展请求和捕获地理位置

javascript html css google-chrome-extension geolocation

Javascript 如何使用弹出式Chrome扩展请求和捕获地理位置,javascript,html,css,google-chrome-extension,geolocation,Javascript,Html,Css,Google Chrome Extension,Geolocation,我正在尝试构建一个chrome webb扩展，它接受用户的位置并扫描数据库中的值我目前有弹出窗口出现，按钮是可点击的，但我没有任何地方收集地理位置信息我尝试将其作为内联脚本运行，但失败了，我将其移动到了.js文件中有人知道这是否可能吗编辑，代码如下： { "manifest_version": 2, "name": "test app", "version": "1.0", "permissions": ["activeTab", "geolocat

我正在尝试构建一个chrome webb扩展，它接受用户的位置并扫描数据库中的值

我目前有弹出窗口出现，按钮是可点击的，但我没有任何地方收集地理位置信息

我尝试将其作为内联脚本运行，但失败了，我将其移动到了.js文件中

有人知道这是否可能吗

编辑，代码如下：

   {
    "manifest_version": 2,
    "name": "test app",
    "version": "1.0",
    "permissions": ["activeTab", "geolocation"],
    "content_scripts": [
      {
        "matches": [
            "<all_urls>"
        ],
        "js": ["jquery-3.4.1.min.js", "geolocation.js"]
      }
    ],

    "browser_action": {
    "default_icon": "images/cart16.png",
    "default_popup": "popup.html"
    },
 "content_security_policy": "script-src 'self' https://example.com; object-src 'self'"
}

//html

    <!DOCTYPE html>
<html>

<!-- <p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</button>

<p id="demo"></p> -->
<head>
    <title>Test</title>

</head>

<body>
    <h1>Test App</h1>
    <button id="scan">Check Now!</button>
    <script src="geolocation.js"> </script>

</body>
</html>


试验
测试应用程序
现在检查！

您能给我们看一下您的代码吗？添加了代码。我有一个content和background.js，但它们现在没有连接到我的扩展名。目前，这是你的问题：你还没有完成从内联代码到单独文件的转换-你不能有

onclick

属性。

    <!DOCTYPE html>
<html>

<!-- <p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</button>

<p id="demo"></p> -->
<head>
    <title>Test</title>

</head>

<body>
    <h1>Test App</h1>
    <button id="scan">Check Now!</button>
    <script src="geolocation.js"> </script>

</body>
</html>