extension ExtPose

Google Material Design Resizer

Description from extension meta

Overlay current page in Google Resizer tool (https://material.io/resizer/). HTTPS only.

Image from store Google Material Design Resizer
Description from store Preview your page at different breakpoints (desktop, mobile, tablet) in the new interactive viewer from Google. And without even opening a new tab! UPDATED TO WORK WITH HTTPS. It also works with localhost / 127.0.0.1 URLs, perfect when developing locally! USAGE Click the button, and an overlay of Google Material Design Resizer (https://material.io/resizer/) with the current URL loaded will be displayed. Click again to hide the overlay and get back to your website. REQUIRES HTTPS The extension now supports HTTPS pages. Actually, it's more than that: Google Resizer now *requires HTTPS pages*. Using the extension (or directly the Google Resizer website) on an HTTP-only website will make Google Resizer enter an infinite refresh loop. This is due to Google Resizer forcing the `Upgrade-Insecure-Requests` header (https://developers.google.com/web/fundamentals/security/prevent-mixed-content/fixing-mixed-content#upgrading_insecure_requests), which forces any HTTP resource to be loaded over HTTPS. This directive *cascades to iframes*, meaning that non-HTTPS page will never be loaded by Google Resizer tool. As most websites are now available over HTTPS, the main issue with that is local development. To make your local pages available over HTTPS, you can either: - enable HTTPS on your local server. E.g see the [`https` option in BrowserSync](https://browsersync.io/docs/options#option-https) - use an SSL proxy like [ngrok](https://ngrok.com/docs#bind-tls). FEEDBACK Provided "as is". It may still have bugs, please report them on https://github.com/julienma/google-design-resizer-chrome-extension/issues NOTE This is not affiliated in any way with Google. Some materials are © Google, most notably the source picture (https://material.io/resizer/static/material-io-nav/static/images/resizer_dark.svg) used for the icon and the website (https://material.io/resizer/) loaded within the frame.

Latest reviews

  • (2019-05-07) Dinh Nguyen Bao: loop asking
  • (2018-01-11) Brandon Jensen: Just get Emmet Re:View... https://chrome.google.com/webstore/detail/emmet-review/epejoicbhllgiimigokgjdoijnpaphdp?hl=en
  • (2017-09-25) Blern J: Doesn't display any webpage, in any size.
  • (2017-04-20) Leandro Tinti: Antes funcionava, agora colocaram SSL e não da pra usar em localhost totalmente inútil dessa forma.
  • (2016-04-18) Romain Petit: Perfect addition to Google's tool hey !

Latest issues

  • (2017-07-26, v:0.1.0) Enrique Ramirez Gonzalez: no funciona
    antes trabajaba perfecto pero ahora recarga y recarga la pagina pero no muestra nada. Si la pagina no es HTTPS entonces no funciona ni la pagina ni la extensión??
  • (2017-07-03, v:0.0.3) Mauricio Herrera: No funciona
    Al hacer click sobre el ícono de la extensión no hace nada!!!---lo mismo en el sitio web.
  • (2017-05-24, v:0.0.3) Juan: no funciona
    No funciona

Statistics

Installs
1,937 history
Category
Rating
2.8182 (11 votes)
Last update / version
2017-07-13 / 0.1.0
Listing languages
en

Links