Skip to content

Commit 847897c

Browse files
authored
Merge pull request LambdaTest#1592 from deepanshu-product/stage
#updated_version
2 parents 03f78bf + 47acf95 commit 847897c

File tree

1 file changed

+13
-5
lines changed

1 file changed

+13
-5
lines changed

docs/devtools-on-real-devices-app.md

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
id: devtools-on-real-devices-app
3-
title: Dev Tools On Real Device
4-
sidebar_label: Dev Tools
3+
title: DevTools On Real Devices
4+
sidebar_label: DevTools
55
description: Inspect and debug embedded web views in real mobile devices using LambdaTest's DevTools.
66

77
keywords:
@@ -53,6 +53,8 @@ import TabItem from '@theme/TabItem';
5353
}}
5454
></script>
5555

56+
> To enable it for your organization, please contact us via <span className="doc__lt" onClick={() => window.openLTChatWidget()}>**24×7 chat support**</span> or you can also drop a mail to **[email protected]**.<br />
57+
5658
Testing hybrid apps or mobile websites that rely on embedded web views often requires advanced debugging capabilities. With LambdaTest, you can inspect and debug these web views directly on **real Android and iOS devices** using familiar tools like [**Chrome DevTools**](https://developer.chrome.com/docs/devtools/) and [**Safari Web Inspector**](https://developer.apple.com/safari/tools/#current).
5759

5860
This enables seamless inspection of DOM elements, console logs, network activity, and JavaScript execution—giving developers the same debugging power they enjoy on desktop browsers.
@@ -67,7 +69,7 @@ This enables seamless inspection of DOM elements, console logs, network activity
6769

6870
**Step 3:** Once your app or mobile website loads, go to the screen with the WebView content.
6971

70-
**Step 4:** In the session toolbar, click on the **Chrome Dev Tools** button.
72+
**Step 4:** In the session toolbar, click on the **Chrome DevTools** button.
7173

7274
<img loading="lazy" src={require('../assets/images/real-device-app-testing/Real_device_chrome_devtools.png').default} className="doc_img"/>
7375

@@ -85,9 +87,15 @@ Use the DevTools interface to inspect HTML structure, debug JavaScript, monitor
8587

8688
| Platform | Debugging Tools Available | OS Versions Supported |
8789
|----------|---------------------------|------------------------|
88-
| Android | Chrome DevTools | Android 8 and above |
89-
| iOS | Safari Web Inspector, Chrome DevTools | iOS 11 and above |
90+
| Android | Chrome DevTools | Android 9 and above |
91+
| iOS | Safari Web Inspector, Chrome DevTools | iOS 13 and above |
92+
93+
:::note
94+
With Hybrid application, release builds must enable the ability to inspect web views in your application.
9095

96+
- On Android 4.4*, call WebView.setWebContentsDebuggingEnabled.
97+
- On iOS 16.4+, set isinspectable to true on on the Webkit/WKWebView instance.
98+
:::
9199
---
92100

93101
## Use Cases

0 commit comments

Comments
 (0)