2

サイトで使用中の Modernizr のカスタム ビルドがあります (テストする必要があるものだけが含まれています)。とはいえ、私は JavaScript に苦労しています。私にできる最善のことは、切り取り、貼り付け、祈ることです。

私は Modernizr.load を使用してリソースを非同期にロードしますが、それを機能させる唯一の方法は、http://mothereffinghsl.com/に移動して 73 行から 86 行をコピーすることでした (HTML5 ボイラープレート ビデオ チュートリアルで使用されているのを見ました)...私のバージョンを投稿します：

<script>
  Modernizr.load({
    test: Modernizr.fontface,
    yep: [      
     ,'css!//static.adaminfinitum.com/css/lazy-fonts.css'      
    ],
    callback: function(url, testResult) {
    }
  });
</script>

これを行ってから、Modernizr の YepNope 部分に関するhttp://yepnopejs.com/のドキュメントは大幅に改善されましたが、いくつか質問があります。

1.) < script > タグを削除した場合、それを直接 Modernizr ファイルに貼り付けることができますか (現在、ページの body タグを閉じる直前にあります)。

2.) いつ/どのように/何が使用されたか知りたい場合は、console.log を使用する必要がありますか (以下の例)?

yepnope ドキュメントから:

yepnope({
  load: ["https:/­/my-cdn.com/jquery.min.js?v=1.7.1", "https:/­/my-cdn.com/jquery-ui.min.js?v=1.8.16"],
  callback: {
    "jquery.min.js": function () {
      console.log("jquery loaded!");
    },
    "jquery-ui.min.js": function () {
      console.log("jquery-ui loaded!");
    }
  }
});

ドキュメントのいくつかの場所で、「アラート」を使用しているのがわかりますが、アラートが発生する可能性のある唯一の場所は、サーバー上のレコードであり、console.log が行っているようです。これは正しくて、言い方が違うだけですか、それとも 2 つの間に違いはありますか?

お分かりのように、私は JS 初心者です。私が本当に望んでいるのは、特定の機能をサポートしたトラフィックとサポートしなかったトラフィックの量に関する使用統計を取得できるようにすることだけです。

注: ここで関連性があると思われるものはすべて読みましたが、数週間前にこれを含む非常に幅広い質問をしました (実際には約 6 つの質問が 1 つにまとめられていました...申し訳ありません)。

ありがとう

更新: 何らかの理由で、上記の「プロトコル相対」URL (http: を省略) を使用すると、404 エラー (相対リンクとして解釈されることもありました) で多くの問題が発生したためhttp:、リソースへのリンクを追加することになりました。

4

1 に答える 1

3

Modernizer オブジェクトが定義された後 (つまり、Modernizer ファイルの末尾) に貼り付ければ、スクリプト タグを使用せずに JavaScript コードを Modernizer ファイルに貼り付けることができます。

このconsole.log関数は、サーバー上のファイルにログを記録するのではなく、Web ブラウザーの JavaScript コンソールにログを記録します。すべての Web ブラウザーに JavaScript コンソールがあるわけではありませんが、JavaScript コンソールがあるブラウザーではログ メッセージとエラー メッセージを表示できます。Firefox と chrome の両方に、開くことができる JavaScript コンソールがあります。デバッグconsole.log用のコードにのみ含める必要があることに注意してください。

1 つの注意点は、Internet Explorer の一部のバージョンではconsole.log、JavaScript コンソールがウィンドウで開いていない場合に定義されていないことです。これにより、JavaScript が予期せず停止します。選択肢がある場合は、Firefox または Chrome を使用してコードがどのように実行されるかを調べてください。時間を大幅に節約できます。

このalert関数は、あまり便利ではないデバッグ方法です。メッセージが表示されたダイアログ ウィンドウがブラウザにポップアップ表示されます。JavaScript プログラムの実行を続行するには、メッセージを閉じる必要があります。繰り返しますが、サーバー側には何も記録されません。

于 2012-11-10T05:02:57.370 に答える