Title: Responsive Page Tester Author: Jonathan Desrosiers Published: مارچ 5, 2013 Last modified: مارچ 28, 2016 --- پلگ انز تلاش کریں ![](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://ur.wordpress.org/plugins/responsive-page-tester/#description) * [جائزے](https://ur.wordpress.org/plugins/responsive-page-tester/#reviews) * [انسٹالیشن](https://ur.wordpress.org/plugins/responsive-page-tester/#installation) * [ڈیولپمنٹ](https://ur.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. Activate the plugin through the ‘Plugins’ menu in WordPress 3. View any front end page and click the Responsive button in the WordPress Toolbar. ## عمومی سوالات 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/) ستمبر 3, 2016 1 reply 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/)، [ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/responsive-page-tester/) کو چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/responsive-page-tester/) کو سبسکرائب کریں بذریعہ [آر ایس ایس](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 * Hello world! * Allows you to test your site in different device sizes to ensure it displays properly ## میٹا * Version **3.0** * Last updated **10 سال پہلے** * Active installations **20+** * WordPress version ** 3.1 یا اس سے جدید ** * Tested up to **4.4.34** * Language * [English (US)](https://wordpress.org/plugins/responsive-page-tester/) * Tags * [design](https://ur.wordpress.org/plugins/tags/design/)[layout](https://ur.wordpress.org/plugins/tags/layout/) [mobile](https://ur.wordpress.org/plugins/tags/mobile/)[responsive](https://ur.wordpress.org/plugins/tags/responsive/) [test](https://ur.wordpress.org/plugins/tags/test/) * [اعلی درجے کا منظر](https://ur.wordpress.org/plugins/responsive-page-tester/advanced/) ## درجہ بندیاں 4.6 out of 5 stars. * [ 9 5-star reviews ](https://wordpress.org/support/plugin/responsive-page-tester/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/responsive-page-tester/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/responsive-page-tester/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/responsive-page-tester/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/responsive-page-tester/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/responsive-page-tester/reviews/#new-post) [See all reviews](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/)