Thanks for installing Mobile View. Here’s how to drop a real device frame right on top of any page and see desktop and mobile at once.
Click the extensions (puzzle) icon at the top-right of Chrome, then click the pin next to “Mobile View” so its icon stays in your toolbar.
Navigate to a normal site (an https:// page). Then click the 
Mobile View icon in the toolbar — a real device frame appears right on top of the page, so you see desktop and mobile together.
Use the device button 📱 ▾ in the top panel to switch between iPhone, Android phones and tablets. Rotate with ⟳, scale with the size menu 100% (50–125%) and drag the device anywhere — or hit focus to dim the desktop and center the device.
Scrolling, clicks and typing stay synchronized between the desktop page and the mobile preview. Toggle sync ⇅ on or off from the top panel.
Click the camera and choose device only 📱 (cropped to the frame) or full screen 🖥️ (desktop and device together) — perfect for mockups and bug reports.
Click record to capture a full screen recording. Pick what to share in the browser dialog; the video is saved straight to your device as a .webm file — nothing is ever uploaded.
Tip: Your device, rotation, position, theme and language are saved and restored across tabs and reloads. Some browser pages (like chrome:// settings) can’t be previewed — open a regular website instead.