Title: Omnix Responsive Preview
Author: wpomnix
Published: <strong>2026 年 1 月 28 日</strong>
Last modified: 2026 年 1 月 28 日

---

搜尋外掛

![](https://ps.w.org/omnix-responsive-preview/assets/banner-772x250.jpg?rev=3448968)

![](https://ps.w.org/omnix-responsive-preview/assets/icon-256x256.png?rev=3448968)

# Omnix Responsive Preview

 由 [wpomnix](https://profiles.wordpress.org/wpomnix/) 開發

[下載](https://downloads.wordpress.org/plugin/omnix-responsive-preview.zip)

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

 [技術支援](https://wordpress.org/support/plugin/omnix-responsive-preview/)

## 外掛說明

**Omnix Responsive Preview** helps developers, designers, and site owners instantly
preview their website in different screen sizes.

The plugin adds a lightweight popup panel on the frontend that allows you to toggle
between **Desktop**, **Tablet**, and **Mobile** views. It’s perfect for testing 
responsive layouts during development or content editing — no browser dev tools 
required.

### Key Features

 * Toggle between Desktop, Tablet, and Mobile views
 * Popup panel with clean and minimal UI
 * Instant preview without page reload
 * Works on any WordPress theme
 * Lightweight and performance-friendly

Ideal for:
 – WordPress theme developers – Plugin developers – Designers & QA testers–
Content editors checking responsiveness

### Usage

 1. Open any page on the frontend.
 2. Click the floating **Responsive Preview**.
 3. Choose:
 4.  * **Desktop**
     * **Tablet**
     * **Mobile**
 5. The page will instantly resize to the selected viewport.
 6. Go to Settings > Responsive Preview from WordPress admin dashboard and change screen
    sizes for desktop, tablet and mobile devices.

No configuration required — it works out of the box.

### License

This plugin is licensed under the GPL v2 or later.

## 螢幕擷圖

[⌊Omnix Responsive Preview toggler⌉⌊Omnix Responsive Preview toggler⌉[

Omnix Responsive Preview toggler

[⌊Responsive Preview panel⌉⌊Responsive Preview panel⌉[

Responsive Preview panel

[⌊Desktop preview mode⌉⌊Desktop preview mode⌉[

Desktop preview mode

[⌊Tablet preview mode⌉⌊Tablet preview mode⌉[

Tablet preview mode

[⌊Mobile preview mode⌉⌊Mobile preview mode⌉[

Mobile preview mode

[⌊Screen size settings page⌉⌊Screen size settings page⌉[

Screen size settings page

## 安裝方式

 1. Upload the plugin folder to `/wp-content/plugins/`, or install it directly from
    the WordPress Plugin Directory.
 2. Activate the plugin through the **Plugins** menu in WordPress.

## 常見問題集

### Does this plugin affect real visitors?

No. The panel is visible only to logged-in users (typically administrators).

### Does it reload the page when switching views?

No. View switching happens instantly without reloading.

### Will this plugin work with any theme?

Yes. It works with all properly coded WordPress themes.

### Can I change breakpoint widths?

Yes. Breakpoint widths can be changed.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Omnix Responsive Preview〉的開發相關工作。

參與者

 *   [ wpomnix ](https://profiles.wordpress.org/wpomnix/)

[將〈Omnix Responsive Preview〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/omnix-responsive-preview)

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

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

## 變更記錄

#### 1.0.0

 * Initial release
 * Desktop, Tablet, and Mobile preview modes
 * Frontend popup panel UI
 * Screen size settings page

## 中繼資料

 *  版本 **1.0.0**
 *  最後更新 **5 個月前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 5.8 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.9.4**
 *  PHP 版本需求 ** 7.2 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/omnix-responsive-preview/)
 * 標籤:
 * [responsive](https://tw.wordpress.org/plugins/tags/responsive/)[responsive testing](https://tw.wordpress.org/plugins/tags/responsive-testing/)
 *  [進階檢視](https://tw.wordpress.org/plugins/omnix-responsive-preview/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/omnix-responsive-preview/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/omnix-responsive-preview/reviews/)

## 參與者

 *   [ wpomnix ](https://profiles.wordpress.org/wpomnix/)

## 技術支援

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

 [檢視技術支援論壇](https://wordpress.org/support/plugin/omnix-responsive-preview/)