获取域名的javascript google chrome扩展程序

时间:2013-02-10 10:22:20

标签: javascript google-chrome google-chrome-extension cross-domain

我尝试使用alert(document.domain);获取域名但是当我在网站上测试时,我没有获得正确的域名,

我得到了“hiecjmnbaldlmopbbkifcelmaaalcfib”这个奇怪的输出。

我也在清单中添加了这个

  "content_scripts": [
        {
        "js": ["inject.js"]

        }
  ],

警报(document.domain的);是inject.js中唯一的文本行。

我在<script type="text/javascript" src="inject.js"> </script>

之后将此popup.js合并到主html文件中

对于为什么我没有获得正确的域名网址的任何想法?

谢谢!

1 个答案:

答案 0 :(得分:6)

如果您在弹出窗口或背景或选项页面中,则有一种间接获取页面域的方法。

您可以参考以下代码作为参考。

示范

的manifest.json

已注册的内容脚本,带有清单文件的后台和弹出脚本以及相关权限

{
    "name": "Domain Name",
    "description": "http://stackoverflow.com/questions/14796722/javascript-google-chrome-extension-getting-domain-name",
    "version": "1",
    "manifest_version": 2,
    "content_scripts": [
        {
            "matches": [
                "<all_urls>"
            ],
            "js": [
                "myscript.js"
            ]
        }
    ],
    "browser_action": {
        "default_popup": "popup.html"
    },
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "permissions": [
        "tabs",
        "<all_urls>"
    ]
}

myscript.js

console.log(document.domain);// Outputs present active URL of tab

popup.html

已注册popup.js超越CSP。

<html>

    <head>
        <script src="popup.js"></script>
    </head>

    <body></body>

</html>

popup.js

DOM Content Loaded添加了事件侦听器,并带来了用户所在的选项卡的有效URL。

document.addEventListener("DOMContentLoaded", function () {
    console.log(document.domain);//It outputs id of extension to console
    chrome.tabs.query({ //This method output active URL 
        "active": true,
        "currentWindow": true,
        "status": "complete",
        "windowType": "normal"
    }, function (tabs) {
        for (tab in tabs) {
            console.log(tabs[tab].url);
        }
    });
});

background.js

console.log(document.domain); //It outputs id of extension to console
chrome.tabs.query({ //This method output active URL 
    "active": true,
    "currentWindow": true,
    "status": "complete",
    "windowType": "normal"
}, function (tabs) {
    for (tab in tabs) {
        console.log(tabs[tab].url);
    }
});

输出

你会找到

  

fgbhocadghoeonlokakijhnlplgkolbg

作为console.log(document.domain)的输出;在所有扩展页面和

  

http://somedomain.com/

表示tabs.query()输出。

但是,内容脚本输出始终为

  

http://somedomain.com/

参考