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

描述

Test your responsive website from the WordPress admin bar. This plugin uses the excellent Viewport Resizer bookmarklet to add a responsive button to the WordPress admin bar. Once pressed you can easily test your site in a range of common viewport sizes (e.g. iPhone, Tablet and Desktop).

The plugin is handy for testing during development and also for writers and editors to preview their content on different devices.

Banner illustration above by Gemma Garner.

a plugin by Scott Evans

螢幕截圖

  • Admin bar button with activated viewport resizer toolbar
  • Viewing a website at iPhone dimensions

安裝

To install this plugin:

  1. Upload the responsible folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. That’s it!

Alternatively you can search for the plugin from your WordPress dashboard and install from there.

常見問題

Hooks & Filters

The plugin has one filter that allows you register a custom bookmarklet. You can generate your own here.

add_filter('responsible_bookmarklet', 'custom_bookmarklet');

function custom_bookmarklet() {
    return '';  // add your generated JS/HTML here
}

評價

2016年10月15日
Very comfortably, no more need to open resource from smartphone!
2017年2月7日
I first heard about this plugin via the WordPress Plugins A to Z podcast. The name was catchy, so when I found myself doing responsive styling work today, I thought I’d try it out. All I can say, is that the interface alone makes this plugin stand out. Responsive coding can be painful, but this plugin adds order to what can become a nightmare of manually resizing your browser window. 5 stars from me. Very nice.
閱讀全部8個評價

貢獻者及開發者

“Responsible” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 Responsible 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

1.1

  • Only load CSS assets when admin bar is visible

1.0

  • Initial release