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://zh-hk.wordpress.org/plugins/inline-javascript-in-head/#description)
 * [評價](https://zh-hk.wordpress.org/plugins/inline-javascript-in-head/#reviews)
 *  [安裝](https://zh-hk.wordpress.org/plugins/inline-javascript-in-head/#installation)
 * [開發](https://zh-hk.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 reply

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

## 其它

 *  Version **1.2.0**
 *  Last updated **6 年之前**
 *  Active installations **10+**
 *  WordPress version ** 4.0 or higher **
 *  Tested up to **5.4.19**
 *  PHP version ** 5.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/inline-javascript-in-head/)
 * Tags
 * [enqueue](https://zh-hk.wordpress.org/plugins/tags/enqueue/)[head](https://zh-hk.wordpress.org/plugins/tags/head/)
   [inline](https://zh-hk.wordpress.org/plugins/tags/inline/)[javascript](https://zh-hk.wordpress.org/plugins/tags/javascript/)
   [scripts](https://zh-hk.wordpress.org/plugins/tags/scripts/)
 *  [進階顯示](https://zh-hk.wordpress.org/plugins/inline-javascript-in-head/advanced/)

## 評分

 1 out of 5 stars.

 *  [  0 5-star reviews     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/inline-javascript-in-head/reviews/?filter=2)
 *  [  1 1-star review     ](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)

[See all reviews](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/)