Chrome扩展程序 - 为content_script引用JQueryUI?

时间:2018-03-13 10:17:08

标签: javascript jquery html google-chrome-extension

我试图引用JQueryUI,以便我可以执行

function is_numeric(str){
        try {
           return isFinite(str)
        }
        catch(err) {
            return false
        }
    }

但我认为由于我的.js脚本没有参考,所以它不会工作。

到目前为止我的代码/文件示例:

的manifest.json:

$(document).ready(function(){

    $('<div id="container"><h1>Error</h1><p>Message</p></div>').dialog({
        title: "Error"
    });
});

embed.html&lt;包含引用(示例):

"content_scripts": [
    {
        "matches": ["*://*/*"],
        "js": ["scripts/alert.js"]
    }
]

"web_accessible_resources": ["embed.html"],

然后alert.js应该执行提供的函数,脚本示例:

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8">

    <title>Example</title>
    <meta name="description" content="Example">
    <meta name="author" content="Example">

    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="css/jquery-ui.css">
    <script src="scripts/jquery-1.12.4.js"></script>
    <script src="scripts/jquery-ui.js"></script>

</head>

<body>

</body>

</html>

预期输出为&gt;

http://jqueryui.com/dialog/#default

0 个答案:

没有答案