Capturing Web Views

Display the contents of a WebView component in React-Native recordings

If your React Native app uses a web view to render content from a URL, the view’s contents will be included in the mobile session playback as long as the following is true:
  • The app is on version 1.18.1 or higher of the mobile SDK
  • The React-Native SDK has been initialized in the mobile app (see docs)
  • The web SDK is initialized in the rendered web page, using the same app ID as the surrounding mobile session (see docs)
  • note: In order to record web view content on Android devices, the view must given a nativeID attribute and be registered with the LogRocket SDK in order to link the web and mobile sessions. See an example of this below:
const viewID = 'my_webview';

if (Platform.OS === 'android') {
  LogRocket.registerWebView(viewID);
}
return (
  <WebView
    nativeID={viewID}
    source={{ uri: 'http://docs.logrocket.com' }}
  />
);

The events we record for web sessions (clicks, site navigation, etc.) will appear alongside mobile events in session playback. The linked recordings will only count as a single session against your quota.