Skip to content

Commit 524d14f

Browse files
committed
update nav
1 parent b94eb6e commit 524d14f

1 file changed

Lines changed: 11 additions & 12 deletions

File tree

  • microsoft-edge/devtools-guide-chromium/device-mode

microsoft-edge/devtools-guide-chromium/device-mode/index.md

Lines changed: 11 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ ms.author: msedgedevrel
66
ms.topic: conceptual
77
ms.service: microsoft-edge
88
ms.subservice: devtools
9-
ms.date: 11/20/2023
9+
ms.date: 01/30/2025
1010
---
1111
<!-- Copyright Kayce Basques
1212
@@ -32,18 +32,21 @@ Some aspects of mobile devices aren't emulated in DevTools. For example, the ar
3232
Use [Remote Debugging](../remote-debugging/index.md) to interact with the code of a page from your machine while your page actually runs on a mobile device. You can view, change, debug, profile, or all four while you interact with the code. Your machine can be a notebook or desktop computer.
3333

3434

35-
**Detailed contents:**<!--July 27, 2023. compare page toc at https://developer.chrome.com/docs/devtools/device-mode/-->
35+
**Detailed contents:**<!--Jan. 30, 2025. compare page toc at https://developer.chrome.com/docs/devtools/device-mode/-->
3636
* [Simulate a mobile viewport](#simulate-a-mobile-viewport)
3737
* [Responsive Viewport Mode](#responsive-viewport-mode)
38-
* [Show media queries](#show-media-queries)
39-
* [Set the device type](#set-the-device-type)
38+
* [Show media queries](#show-media-queries)
39+
* [Set device pixel ratio](#set-device-pixel-ratio)
40+
* [Set the device type](#set-the-device-type)
4041
* [Mobile Device Viewport Mode](#mobile-device-viewport-mode)
41-
* [Rotate the viewport to landscape orientation](#rotate-the-viewport-to-landscape-orientation)
42-
* [Show device frame](#show-device-frame)
43-
* [Add a custom mobile device](#add-a-custom-mobile-device)
42+
* [Rotate the viewport to landscape orientation](#rotate-the-viewport-to-landscape-orientation)
43+
* [Show device frame](#show-device-frame)
44+
* [Add a custom mobile device](#add-a-custom-mobile-device)
4445
* [Show rulers](#show-rulers)
4546
* [Zoom the viewport](#zoom-the-viewport)
47+
* [Capture a screenshot](#capture-a-screenshot)
4648
* [Throttle the network and CPU](#throttle-the-network-and-cpu)
49+
* [Performance tab has warning icon when throttled](#performance-tab-has-warning-icon-when-throttled)
4750
* [Throttle the CPU only](#throttle-the-cpu-only)
4851
* [Throttle the network only](#throttle-the-network-only)
4952
* [Emulate sensors](#emulate-sensors)
@@ -288,7 +291,7 @@ All of the throttling is based upon the normal capability of your laptop or desk
288291

289292

290293
<!-- ------------------------------ -->
291-
## Performance tool's tab has a warning icon when throttling
294+
#### Performance tab has warning icon when throttled
292295

293296
When throttling is enabled in **Device Emulation**, a warning icon is displayed in the **Performance** tab of the toolbar, to help you know that performance is impacted by throttling:
294297

@@ -343,10 +346,6 @@ The sections below provide a quick look on how to override geolocation and set d
343346

344347
Use the **Sensors** tool to override geolocation and simulate device orientation.
345348

346-
347-
<!-- ------------------------------ -->
348-
#### Override geolocation
349-
350349
If your page depends on geolocation information from a mobile device to render properly, provide different geolocations using the geolocation-overriding UI.
351350

352351
1. In the **Activity Bar**, click the **More tools** (![More tools icon](./index-images/more-tools-icon.png)) button, and then click **Sensors**:

0 commit comments

Comments
 (0)