Debug Bar List Script & Style Dependencies
·
Debug Bar List Script & Style Dependencies は、WordPress Debug Bar のアドオンです。
評価
5/5
バージョン
1.1
有効インストール数
200
最終更新日時
Dec 12, 2016
WordPress にスクリプトやスタイルを追加する場合、wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ) と wp_enqueue_style( $handle, $src, $deps, $ver, $media ) のように使うことは、誰でも知っています:
function themeslug_enqueue_style() {
wp_enqueue_style( 'core', 'style.css', array('twentytwelve-style') );
}
function themeslug_enqueue_script() {
wp_enqueue_script( 'my-js', 'filename.js', array('jquery') );
}
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_style' );
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_script' )
$deps (依存関係。ハンドル名とオプションのパラメータ) を使用すると、スクリプトやスタイルを追加するタイミングや場所を制御できます。$deps が array('jquery') の場合、スクリプトは jquery がロードされた後にロードされます。
問題は、どれが存在し、どの順番でロードされるのか ?
Debug Bar List Script & Style Dependencies は、Debug Bar のアドンで、依存関係をリストアップします。
使用
ロードされたスクリプトとスタイルを表示するには
- フロントエンド: フロントエンドに移動し、管理バーで Debug を選択し、Script & Style Dependencies を表示します。
- バックエンド: バックエンドに移動し、管理バーの Debug を選択し、Script & Style Dependencies を表示します。
フロントエンドとバックエンドでは、異なるスクリプトとスタイルがロードされることに注意してください。また、フロントエンドとバックエンドの異なるページでは、異なるスクリプトやスタイルを読み込むことができます。