Skip to content

Commit 707c24d

Browse files
krystofwoldrichcoolguyzone
krystofwoldrich
and
coolguyzone
authored
Add WebView guide to mobile SDKs (#12350)
Co-authored-by: Alex Krawiec <[email protected]>
1 parent adf3683 commit 707c24d

File tree

4 files changed

+96
-0
lines changed

4 files changed

+96
-0
lines changed

‎docs/platforms/android/configuration/webview.mdx‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
title: WebView
3+
description: "Learn how to set up the Sentry Android and Browser SDKs with WebView."
4+
---
5+
6+
To monitor errors and performance in web views of Android applications, you need to set up Sentry SDKs in both the mobile application and the web projects running in the web views.
7+
8+
## Application Monitoring
9+
10+
The Sentry Android SDK doesn't interact with the mobile application's web views. To monitor errors and performance in the Android part of the application follow the [Sentry Android SDK setup instructions](/platforms/android/).
11+
12+
## WebView Monitoring
13+
14+
To monitor errors and performance in web views choose the appropriate Sentry JavaScript SDK depending on the framework used in the web project.
15+
16+
- [Sentry React SDK](/platforms/javascript/guides/react/) (if the web project uses React)
17+
- [Sentry Angular SDK](/platforms/javascript/guides/angular/) (if the web project uses Angular)
18+
- [Other Sentry JavaScript SDKs](/platforms/javascript)
19+
20+
## Notes
21+
22+
- The JavaScript SDK should be initialized when the web view is created and will be closed when the web view is closed. To monitor all web views in the application, initialize the JavaScript SDK every time a web view is created.
23+
24+
- If the web project is accessed remotely and not unique to the mobile application (for example the project also works as a standalone web application), we recommend using separate Sentry projects for the mobile application and the web project.

‎docs/platforms/apple/common/configuration/webview.mdx‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
title: WebView
3+
description: "Learn how to set up the Sentry Cocoa and Browser SDKs with WebView."
4+
---
5+
6+
To monitor errors and performance in web views of iOS, iPadOS, and macOS applications, you need to set up Sentry SDKs in both the mobile application and the web projects running in the web views.
7+
8+
## Application Monitoring
9+
10+
The Sentry Cocoa SDK doesn't interact with the mobile application's web views. To monitor errors and performance in the native part of the application follow the [Sentry Cocoa SDK setup instructions](/platforms/apple/).
11+
12+
## WebView Monitoring
13+
14+
To monitor errors and performance in web views choose the appropriate Sentry JavaScript SDK depending on the framework used in the web project.
15+
16+
- [Sentry React SDK](/platforms/javascript/guides/react/) (if the web project uses React)
17+
- [Sentry Angular SDK](/platforms/javascript/guides/angular/) (if the web project uses Angular)
18+
- [Other Sentry JavaScript SDKs](/platforms/javascript)
19+
20+
## Notes
21+
22+
- The JavaScript SDK should be initialized when the web view is created and will be closed when the web view is closed. To monitor all web views in the application, initialize the JavaScript SDK every time a web view is created.
23+
24+
- If the web project is accessed remotely and not unique to the mobile application (for example the project also works as a standalone web application), we recommend using separate Sentry projects for the mobile application and the web project.

‎docs/platforms/flutter/configuration/webview.mdx‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
title: WebView
3+
description: "Learn how to set up the Sentry Flutter and Browser SDKs with WebView."
4+
---
5+
6+
To monitor errors and performance in web views of Flutter applications, you need to set up Sentry SDKs in both the mobile application and the web projects running in the web views.
7+
8+
## Application Monitoring
9+
10+
The Sentry Flutter SDK doesn't interact with the mobile application's web views. To monitor errors and performance in the Flutter part of the application follow the [Sentry Flutter SDK setup instructions](/platforms/flutter/).
11+
12+
## WebView Monitoring
13+
14+
To monitor errors and performance in web views choose the appropriate Sentry JavaScript SDK depending on the framework used in the web project.
15+
16+
- [Sentry React SDK](/platforms/javascript/guides/react/) (if the web project uses React)
17+
- [Sentry Angular SDK](/platforms/javascript/guides/angular/) (if the web project uses Angular)
18+
- [Other Sentry JavaScript SDKs](/platforms/javascript)
19+
20+
## Notes
21+
22+
- The JavaScript SDK should be initialized when the web view is created and will be closed when the web view is closed. To monitor all web views in the application, initialize the JavaScript SDK every time a web view is created.
23+
24+
- If the web project is accessed remotely and not unique to the mobile application (for example the project also works as a standalone web application), we recommend using separate Sentry projects for the mobile application and the web project.

‎docs/platforms/react-native/configuration/webview.mdx‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
title: WebView
3+
description: "Learn how to set up the Sentry React Native and Browser SDKs with React Native WebView."
4+
---
5+
6+
To monitor errors and performance in web views of React Native applications, you need to set up Sentry SDKs in both the mobile application and the web projects running in the web views.
7+
8+
## Application Monitoring
9+
10+
The Sentry React Native SDK doesn't interact with the mobile application's web views. To monitor errors and performance in the React Native part of the application follow the [Sentry React Native SDK setup instructions](/platforms/react-native/).
11+
12+
## WebView Monitoring
13+
14+
To monitor errors and performance in web views choose the appropriate Sentry JavaScript SDK depending on the framework used in the web project.
15+
16+
- [Sentry React Native SDK](/platforms/react-native) (if the web project uses React Native Web or Expo)
17+
- [Sentry React SDK](/platforms/javascript/guides/react/) (if the web project uses React)
18+
- [Other Sentry JavaScript SDKs](/platforms/javascript)
19+
20+
## Notes
21+
22+
- The JavaScript SDK should be initialized when the web view is created and will be closed when the web view is closed. To monitor all web views in the application, initialize the JavaScript SDK every time a web view is created.
23+
24+
- If the web project is accessed remotely and not unique to the mobile application (for example the project also works as a standalone web application), we recommend using separate Sentry projects for the mobile application and the web project.

0 commit comments

Comments
 (0)