Title: Inline JavaScript in Head
Author: Palasthotel GmbH
Published: <strong>2019 年 3 月 11 日</strong>
Last modified: 2020 年 4 月 29 日

---

搜尋外掛

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://s.w.org/plugins/geopattern-icon/inline-javascript-in-head.svg)

# Inline JavaScript in Head

 由 [Palasthotel GmbH](https://profiles.wordpress.org/palasthotel/) 開發

[下載](https://downloads.wordpress.org/plugin/inline-javascript-in-head.1.2.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/inline-javascript-in-head/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/inline-javascript-in-head/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/inline-javascript-in-head/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/inline-javascript-in-head/#developers)

 [技術支援](https://wordpress.org/support/plugin/inline-javascript-in-head/)

## 外掛說明

**CAUTION**: This plugin is now deprecated! The successor plugin is [Embed JavaScript File Content](https://wordpress.org/plugins/embed-javascript-file-content/).
The new plugin is rebuild from scratch and more rock solid: It respects order and
position of scripts and extra scripts added via `wp_add_inline_script` or `wp_localize_script`
don’t get lost. Give it a try!

In some cases you cannot wait for a JavaScript file to load, even if it is placed
early in the `<head>` section of your template. You can benefit from better performance,
if you place the JavaScript code directly inside a `<script>` tag into the header.
This is where this plugin comes in: It provides a filter `inline_javascript_in_head_handles`,
which takes JavaScript handles, dequeues those scripts and echos their code content
inline into the head section instead of linking them via a script tag.

Please beware that placing lots of JavaScript code inline in the `<head>` section
can be critical! First you lose caching benefits and second the document size can
increase easily. A general rule of thumb is that you should only consider JavaScript
files for inline placement, which are critical and which have a file size lower 
than ~500 Bytes.

#### Example

    ```
    add_action( 'wp_enqueue_scripts', 'my_scripts' );
    function my_scripts() {
        // Some critical script is enqueued
        wp_enqueue_script( 'js-detection', get_template_directory_uri() . '/js/js-detection.js' );
    }

    /**
     * Define JavaScript handles to be echoed inline in the html head section.
     */
    add_filter( 'inline_javascript_in_head_handles', 'my_inline_javascript_in_head_handles', -20 );
    function my_inline_javascript_in_head_handles( $handles ) {
        $scripts = [ 'js-detection' ];

        return array_merge( $handles, $scripts );
    }
    ```

## 安裝方式

 1. Upload `inline-javascript-in-head.zip` to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Use the `inline_javascript_in_head_handles` filter in your theme or plugin.
 4. You’re done!

## 使用者評論

![](https://secure.gravatar.com/avatar/9399ed5bc3aec5b8d618c21e9031066d14431e406f318713064014527255fe56?
s=60&d=retro&r=g)

### 󠀁[Slowed Down Website](https://wordpress.org/support/topic/slowed-down-website/)󠁿

 [Bob0221](https://profiles.wordpress.org/bob0221/) 2020 年 1 月 23 日 1 則留言

Slowed down the website and deactivating the plugin appears not to reverse the moving
of the javascript to the head. Complete restore of website to resolve.

 [ 閱讀全部 1 則使用者評論 ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Inline JavaScript in Head〉的開發相關工作。

參與者

 *   [ Palasthotel GmbH ](https://profiles.wordpress.org/palasthotel/)
 *   [ greatestview ](https://profiles.wordpress.org/greatestview/)

[將〈Inline JavaScript in Head〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/inline-javascript-in-head)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/inline-javascript-in-head/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/inline-javascript-in-head/)，
或透過 [RSS](https://plugins.trac.wordpress.org/log/inline-javascript-in-head/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/inline-javascript-in-head/)。

## 變更記錄

#### 1.2.0

 * CAUTION: Last update! This plugin is now deprecated (see description section)
 * Bugfix: Some scripts could have gotten lost under certain conditions.

#### 1.1.2

 * readme.txt code appearance screwed up, now hopefully fixed.

#### 1.1.1

 * readme.txt update

#### 1.1

 * Added filter `inline_javascript_in_head_wrap_try_catch`, which can add add a 
   try catch wrapper around the JavaScript code.

#### 1.0

 * First release

## 中繼資料

 *  版本 **1.2.0**
 *  最後更新 **6 年前**
 *  啟用安裝數 **10+**
 *  WordPress 版本需求 ** 4.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **5.4.19**
 *  PHP 版本需求 ** 5.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/inline-javascript-in-head/)
 * 標籤:
 * [enqueue](https://tw.wordpress.org/plugins/tags/enqueue/)[head](https://tw.wordpress.org/plugins/tags/head/)
   [inline](https://tw.wordpress.org/plugins/tags/inline/)[javascript](https://tw.wordpress.org/plugins/tags/javascript/)
   [scripts](https://tw.wordpress.org/plugins/tags/scripts/)
 *  [進階檢視](https://tw.wordpress.org/plugins/inline-javascript-in-head/advanced/)

## 評分

 1 星，滿分為 5 星

 *  [  0 個 5 星使用者評論     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=2)
 *  [  1 個 1 星使用者評論     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/)

## 參與者

 *   [ Palasthotel GmbH ](https://profiles.wordpress.org/palasthotel/)
 *   [ greatestview ](https://profiles.wordpress.org/greatestview/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/inline-javascript-in-head/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://palasthotel.de/)