Perform the following steps to make static content for Native Hybrid applications available to BBR:

1. In BBR, open the iOS or Android session that will replay the hybrid portion of the application.
2. Switch to the Request view.
3. Select a page that contains some UI events (in JSON format).
4. In the JSON posts, locate the section that is similar to what is shown in Figure 1.
   Note: Take note of the values assigned to the appName and appVersion properties.

   "clientEnvironment": {
   
       "height": 800,
   
      "osVersion": "4.4.2",
   
       "pixelDensity": 1.5,
   
           "width": 480,
   
           "deviceHeight": 533.3300170898438,
   
           "osType": "Android",
   
           "mobileEnvironment": {
   
            "appName": "HybridHTMLEmbedded",
   
           "android": {
   
           "keyboardType": "QWERTY",
   
           "brand": "generic",
   
           "fingerPrint": "generic/sdk/generic:4.4.2/KK/938007:eng/test-keys"
   
                       },
   
   
            "totalMemory": 407351296,
           "totalStorage": 46338,
           "orientationType": "PORTRAIT",
   
           "appVersion": "10.0.0",
   
            "manufacturer": "unknown",
   
           "locale": "English (United States)",
   
           "deviceModel": "Android Simulator",
   
            "language": "English",
   
           "deviceId": "9b548103-b9c0-4bc5-add4-0897af5a8a02"

5. Connect to the server that hosts the Replay Server component.
6. Navigate to the Replay Server directory.

   For example:

   <home_folder>\ReplayServer\

7. In the ReplayServer directory, create a folder and name it Apps.
8. In the Apps folder, create a folder and name it according to the value assigned to appName as shown in Figure 1.

   For example, name the folder HybridHTMLEmbedded.

9. In the new application folder, create a folder and name it according to the value assigned to appVersion as shown in the previous example.

   For example, name the folder 10.0.0.

10. In the new version folder, create a folder and name it mobile_domcap.

    Using the previous code as an example, the full directory path is:

    <home_folder>\ReplayServer\Apps\HybridHTMLEmbedded\10.0.0\mobile_domcap.

11. In the mobile_domcap folder, paste all of the static content required by the Hybrid application.
    For example:

    • css folder
    • h5 folder
    • images folder
    • *.html
12. Recycle the Replay Server.
13. Make a new attempt to open an iOS or Android Hybrid session in BBR.