{"id":628,"date":"2015-09-23T12:39:56","date_gmt":"2015-09-23T16:39:56","guid":{"rendered":"http:\/\/harryrasmussen.ca\/blog6\/?p=628"},"modified":"2016-04-14T14:31:05","modified_gmt":"2016-04-14T18:31:05","slug":"online-mobile-web-browser-emulators","status":"publish","type":"post","link":"https:\/\/harryrasmussen.ca\/blog\/2015\/09\/23\/online-mobile-web-browser-emulators\/","title":{"rendered":"Online Mobile Web Browser Emulators"},"content":{"rendered":"<p>TECH NOTES &#8211; SEP 23, 2015<\/p>\n<h3 class=\"e-f-w\">Mobile Browser Emulator for Google Chrome<\/h3>\n<p class=\"e-f-w\">When you are developing a website, it&#8217;s a good idea to check out the site on as many devices as is possible to see if there are problems in the different formats. If you do not have access to other devices, you might want to try an online emulator. There are several others if you do a search, but I will talk about the Mobile Browser Emulator\u00a0 for tabs on Google Chrome.<\/p>\n<p>at:<\/p>\n<p><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/mobile-browser-emulator\/lbofcampnkjmiomohpbaihdcbjhbfepf?hl=en\" target=\"_blank\">Mobile Browser Emulator<\/a><\/span><\/p>\n<p>It&#8217;s free and offers various sizes and layouts that you can use for testing. Note: I find this emulator works with a Google Chrome browser. I hope you find this useful. I can&#8217;t say how accurate the results are in the few examples offered, but it should give you some valuable feedback.<\/p>\n<p>&nbsp;<\/p>\n<h3>Jetpack<\/h3>\n<p>Another tool to be aware of when creating a WordPress site is the <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\" target=\"_blank\">Jetpack<\/a><\/span> plugin which I used\u00a0 to adjust my content to display correctly on different devices. See the notes below:<\/p>\n<p>&#8220;Mobile Theme &#8211; There&#8217;s a good chance that visitors to your site will be using a smartphone, and it&#8217;s important to provide them with a great reading experience while on the small screen.<\/p>\n<p><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\" target=\"_blank\">Jetpack&#8217;s<\/a><\/span> mobile theme is optimized for small screens. It uses the header image, background, and widgets from your current theme for a great custom look. Post format support is included, so your photos and galleries will look fantastic on a smartphone.<\/p>\n<p>Visitors on iPhone, Android, Windows Phone, and other mobile devices will automatically see the mobile theme, with the option to view the full site. You can enable or disable the mobile theme by clicking the &#8220;Activate&#8221; or &#8220;Deactivate&#8221; button above.&#8221;<\/p>\n<p>So if you have WordPress, your website administrator should be using the above tools to make sure your content displays on all devices. I tried a few other plugins which did the same job (showing different versions of the site for different devices), but <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\" target=\"_blank\">Jetpack<\/a><\/span> does a good job and has a list of other useful features.<\/p>\n<p>&nbsp;<\/p>\n<h3>Links :<\/h3>\n<p><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/mobile-browser-emulator\/lbofcampnkjmiomohpbaihdcbjhbfepf?hl=en\" target=\"_blank\">Mobile Browser Emulator<\/a><\/span><\/p>\n<p><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\" target=\"_blank\">https:\/\/wordpress.org\/plugins\/jetpack\/<\/a><\/span><\/p>\n<p>&nbsp;<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>When you are developing a website, it&#8217;s a good idea to check out the site on as many devices as is possible to see if there are problems in the different formats. If you do not have access to other devices, you might want to try an online emulator.<!-- AddThis Advanced Settings generic via filter on wp_trim_excerpt --><!-- AddThis Share Buttons generic via filter on wp_trim_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3,10],"tags":[64,69,65,66,68],"class_list":["post-628","post","type-post","status-publish","format-standard","hentry","category-blog","category-tech-notes","tag-browser","tag-chrome","tag-device","tag-emulator","tag-google","uentry","postonpage-1","odd","post-author-harry2"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/harryrasmussen.ca\/blog\/wp-json\/wp\/v2\/posts\/628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harryrasmussen.ca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/harryrasmussen.ca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/harryrasmussen.ca\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harryrasmussen.ca\/blog\/wp-json\/wp\/v2\/comments?post=628"}],"version-history":[{"count":3,"href":"https:\/\/harryrasmussen.ca\/blog\/wp-json\/wp\/v2\/posts\/628\/revisions"}],"predecessor-version":[{"id":864,"href":"https:\/\/harryrasmussen.ca\/blog\/wp-json\/wp\/v2\/posts\/628\/revisions\/864"}],"wp:attachment":[{"href":"https:\/\/harryrasmussen.ca\/blog\/wp-json\/wp\/v2\/media?parent=628"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/harryrasmussen.ca\/blog\/wp-json\/wp\/v2\/categories?post=628"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/harryrasmussen.ca\/blog\/wp-json\/wp\/v2\/tags?post=628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}