71

JS を書くときは、デバッグに console.log を多用します。Chrome拡張機能の作成に使用しようとしていますが、機能していません。ここにはトリックが含まれていますか???

popup.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <link type="text/css" rel="stylesheet" href="css/jquery-ui-1.10.0.custom.min.css" />
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.10.0.custom.min.js"></script>
    <script type="text/javascript" src="js/popup.js"></script>
</head>

<body style="width: 200px">
</body>

popup.js

console.log('test1');
$(document).ready(function() {
    console.log('test2');
});

これらはどちらも JS デバッガーには表示されません。

4

1 に答える 1

166

私も最初はこの問題を抱えていました！正しい開発者ツール ウィンドウが開いていることを確認してください...つまり、拡張機能のページ (つまり popup.html) ではなく、メイン ページの開発者ツール ウィンドウを開いている可能性があります。

ポップアップを検査するための開発者ツール ウィンドウを開くには、ポップアップを右クリックし、[要素の検査] をクリックします。これにより、右の開発者ツール ウィンドウが開きます。

私は最初にこのばかげた間違いを犯し、立ち往生しました.. :)

于 2013-02-13T17:09:07.287 に答える