Title: Responsive Page Tester
Author: Jonathan Desrosiers
Published: <strong>2013년 3월 5일</strong>
Last modified: 2016년 3월 28일

---

플러그인 검색

![](https://ps.w.org/responsive-page-tester/assets/banner-772x250.png?rev=685704)

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

![](https://s.w.org/plugins/geopattern-icon/responsive-page-tester_b9b8b8.svg)

# Responsive Page Tester

 작성자: [Jonathan Desrosiers](https://profiles.wordpress.org/desrosj/)

[다운로드](https://downloads.wordpress.org/plugin/responsive-page-tester.3.0.zip)

 * [세부사항](https://ko.wordpress.org/plugins/responsive-page-tester/#description)
 * [평가](https://ko.wordpress.org/plugins/responsive-page-tester/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/responsive-page-tester/#installation)
 * [개발](https://ko.wordpress.org/plugins/responsive-page-tester/#developers)

 [지원](https://wordpress.org/support/plugin/responsive-page-tester/)

## 설명

> Similar functionality has been developed for the [Theme Customizer API](https://developer.wordpress.org/themes/advanced-topics/customizer-api/)
> and was [merged into WordPress core as of version 4.5](https://make.wordpress.org/core/2016/01/28/previewing-site-responsiveness-in-the-customizer/).
> This plugin will automatically deactivate when you install WordPress 4.5.

When viewing the front end of the site, a “Responsive” button is added to the WordPress
Toolbar. Clicking that will toggle an overlay with your website presented in various
sizes for easy responsive design testing.

This can be useful both during theme development, and when writing content to verify
it will be presented properly.

This plugin is a heavily modified version of [Matt Kersley’s](http://mattkersley.com/)
[Responsive Design Testing](http://github.com/mattkersley/Responsive-Design-Testing).

## 스크린샷

[⌊Responsive Tester button in the WordPress Toolbar⌉⌊Responsive Tester button in
the WordPress Toolbar⌉[

Responsive Tester button in the WordPress Toolbar

[⌊Responsive Tester overlay - mobile sizes⌉⌊Responsive Tester overlay - mobile sizes⌉[

Responsive Tester overlay – mobile sizes

[⌊Responsive Tester overlay - iPad sizes⌉⌊Responsive Tester overlay - iPad sizes⌉[

Responsive Tester overlay – iPad sizes

[⌊선택사항⌉⌊선택사항⌉[

선택사항

[⌊Width only setting⌉⌊Width only setting⌉[

Width only setting

[⌊One Size Fits All option⌉⌊One Size Fits All option⌉[

One Size Fits All option

## 설치

 1. Upload the plugin folder to the `/wp-content/plugins/` directory
 2. WordPress의 ‘플러그인’ 메뉴에서 플러그인을 활성화하세요.
 3. View any front end page and click the Responsive button in the WordPress Toolbar.

## FAQ

  The plugin keeps deactivating itself.

As of WordPress 4.5, functionality similar to this plugin’s exists in core through
the [Theme Customizer API](https://developer.wordpress.org/themes/advanced-topics/customizer-api/).
The plugin will automatically deactivate itself. You are encouraged to use the core
feature instead.

  Can I add or remove screen sizes to the tester?

Yes you can! In version 2.0, we added a filter that makes it very easy to add or
delete screen sizes from the Responsive Page Tester.

    ```
    function mythemename_filter_rpt_sizes( $sizes ) {
        //Add a size
        $sizes['1024x600'] = array( 'width' => 1024, 'height' => 600, 'description' => '(Galaxy tablet)' );

        //Remove a size
        unset( $sizes['240x320'] );

        //Return our filtered sizes
        return $sizes;
    }
    add_filter( 'rpt_screen_sizes', 'mythemename_filter_rpt_sizes' );
    ```

  I don’t have a WordPress Toolbar on my front end pages.

There is a setting on your profile edit screen labeled “Toolbar”. This needs to 
be checked for you to see the WordPress Toolbar on the front end of your website.

If this is checked, and you still are not seeing the Toolbar, then your theme or
another plugin is hiding it.

  My site does not change in the different sized iframes

If the site presentation does not change to fit the width of the iframes, it can
be one of two things.

 1. Your theme is not a responsive WordPress theme. Perhaps try one from the [WordPress Theme Directory](https://wordpress.org/extend/themes/search.php?q=responsive)
    that is!
 2. You are using a browser that does not support [media queries](http://www.w3.org/TR/css3-mediaqueries/).
    While [media query support is pretty extensive](http://caniuse.com/#feat=css-mediaqueries),
    Internet Explorer did not add support until version 9.0.

  Will this perform any HiDPI screen responsiveness?

No, it will not. This plugin does not actually do anything to make your site responsive.
It merely presents it to you in different iframes to show you how it will show up.
If you want to add some HiDPI support, maybe check out [@desrosj’s](https://profiles.wordpress.org/desrosj)
[Simple WP Retina plugin](https://wordpress.org/extend/plugins/simple-wp-retina/).

## 후기

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

### 󠀁[Watch Out! Big error](https://wordpress.org/support/topic/watch-out-big-error/)󠁿

 [Belgian Foodie](https://profiles.wordpress.org/belgian-foodie/) 2016년 9월 3일
답글 1개

After installing this plugin I had lots of errors appearing on my screen when I 
wanted to activate it. I then decided to de-activate and delete the plugin. Each
time I went to delete this SINGLE plugin, I'd get a message asking me to confirm
that I wanted to delete ALL my plugins. Obviously this was not the case. Now I have
this untrustworthy plugin on my dashboard and would like to have it either work 
properly or be deleted all together without affecting my other plugins.

 [ 모든 10 평가 읽기 ](https://wordpress.org/support/plugin/responsive-page-tester/reviews/)

## 기여자 & 개발자

“Responsive Page Tester”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에
기여하였습니다.

기여자

 *   [ Jonathan Desrosiers ](https://profiles.wordpress.org/desrosj/)
 *   [ Linchpin ](https://profiles.wordpress.org/linchpin_agency/)
 *   [ Aaron Ware ](https://profiles.wordpress.org/aware/)

[자국어로 “Responsive Page Tester”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/responsive-page-tester)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/responsive-page-tester/)
는, [SVN 저장소](https://plugins.svn.wordpress.org/responsive-page-tester/)를 확인하시거나,
[개발 기록](https://plugins.trac.wordpress.org/log/responsive-page-tester/)을 [RSS](https://plugins.trac.wordpress.org/log/responsive-page-tester/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 3.0

 * Sunsetting the plugin: [WordPress 4.5 introduces similar functionality in the Customizer](https://make.wordpress.org/core/2016/01/28/previewing-site-responsiveness-in-the-customizer/).
   It’s been real!

#### 2.0

 * Added the rpt_screen_sizes filter allowing devs to add or take out sizes.
 * Cleaned up the JavaScript & CSS.
 * Converted JavaScript to use the jQueryUI framework.
 * Adjusted the CSS so theme styles are less likely to hijack the tester’s styling.
 * Redid the toolbar interface.
 * You can now use the ESC key to close the Responsive Page Tester.
 * Added a dropdown menu to the WordPress Toolbar menu item for quick size selecting.

#### 1.0

 * 안녕하세요!
 * Allows you to test your site in different device sizes to ensure it displays 
   properly

## 기초

 *  버전 **3.0**
 *  최근 업데이트: **11년 전**
 *  활성화된 설치 **10+**
 *  워드프레스 버전 ** 3.1 또는 그 이상 **
 *  다음까지 시험됨: **4.4.34**
 *  언어
 * [English (US)](https://wordpress.org/plugins/responsive-page-tester/)
 * 태그:
 * [design](https://ko.wordpress.org/plugins/tags/design/)[layout](https://ko.wordpress.org/plugins/tags/layout/)
   [mobile](https://ko.wordpress.org/plugins/tags/mobile/)[responsive](https://ko.wordpress.org/plugins/tags/responsive/)
   [test](https://ko.wordpress.org/plugins/tags/test/)
 *  [고급 보기](https://ko.wordpress.org/plugins/responsive-page-tester/advanced/)

## 평점

 별 5점 만점에 4.6점.

 *  [  9/5-별점 후기     ](https://wordpress.org/support/plugin/responsive-page-tester/reviews/?filter=5)
 *  [  0/4-별점 후기     ](https://wordpress.org/support/plugin/responsive-page-tester/reviews/?filter=4)
 *  [  0/3-별점 후기     ](https://wordpress.org/support/plugin/responsive-page-tester/reviews/?filter=3)
 *  [  0/2-별점 후기     ](https://wordpress.org/support/plugin/responsive-page-tester/reviews/?filter=2)
 *  [  1/1-별점 후기     ](https://wordpress.org/support/plugin/responsive-page-tester/reviews/?filter=1)

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

[모든  리뷰 보기](https://wordpress.org/support/plugin/responsive-page-tester/reviews/)

## 기여자

 *   [ Jonathan Desrosiers ](https://profiles.wordpress.org/desrosj/)
 *   [ Linchpin ](https://profiles.wordpress.org/linchpin_agency/)
 *   [ Aaron Ware ](https://profiles.wordpress.org/aware/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/responsive-page-tester/)