/
Instrument_BridgeData.html
41 lines (41 loc) · 5.08 KB
/
Instrument_BridgeData.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="AppleTitle" content="Bridge Data Instrument" />
<title>Bridge Data Instrument</title>
<meta name="description" content="The Bridge Data instrument captures information about React Native bridge data passed in your app." /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="copyright" content="Copyright © 2018" /><style type="text/css">
</style>
<style type="text/css">body { font-family: -apple-system-font, -webkit-system-font, "HelveticaNeue", "Helvetica Neue", "Helvetica", sans-serif; font-size: 13px; padding: 0px 10px 20px 10px; }
h1 { text-align: center; margin-left: -16px; margin-right: -16px; padding-bottom: 20px; background: linear-gradient(to bottom, #ffffff 0%,#f3f2f3 100%); }
img { max-width: 100%; height: auto; }
pre { background-color: rgb(246, 248, 250); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; color: rgb(36, 41, 46); display: block; font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 13.600000381469727px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; white-space: pre; word-break: normal; word-wrap: normal; }
blockquote { border-left-color: rgb(245, 242, 240); border-left-style: solid; border-left-width: 4px; box-sizing: border-box; color: rgb(106, 115, 125); display: block; margin-bottom: 16px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 16px; padding-right: 16px; padding-top: 0px; word-wrap: break-word; }
ul { padding-left: 1.3em; }
</style>
<title>Detox Instruments Help</title></head><body>
<h1>
<a name="user-content-react-native-bridge-data-instrument" class="anchor" href="#react-native-bridge-data-instrument"><span class="octicon octicon-link"></span></a>React Native Bridge Data Instrument</h1>
<p>The Bridge Data instrument captures information about React Native bridge data passed in your app.</p>
<p><a href="Resources/Instrument_RNBridgeData.png" target="_blank"><img src="Resources/Instrument_RNBridgeData.png" alt="React Native Bridge Data" title="React Native Bridge Data" style="max-width:100%;" /></a></p>
<h3>
<a name="user-content-discussion" class="anchor" href="#discussion"><span class="octicon octicon-link"></span></a>Discussion</h3>
<p>Use the information captured by this instrument to inspect the data passed in your app's React Native bridge. The more data passed, the more processing needed in native and the JavaScript thread, and thus can lead to your app being less responsive.</p>
<p>If the <strong>Record bridge data</strong> option is enabled, recorded bridge data can be accessed from the navigation bar.</p>
<p>For an in-depth look at profiling options, see <a href="ProfilingOptions.html">Profiling Options</a>.</p>
<h3>
<a name="user-content-detail-pane" class="anchor" href="#detail-pane"><span class="octicon octicon-link"></span></a>Detail Pane</h3>
<p>The detail pane includes your app's React Native bridge data at the time of the sample; N ➔ JS (native to JavaScript) and JS ➔ N (JavaScript to native) are displayed in columns of delta as well as total.</p>
<p>If the <strong>Record bridge data</strong> option was enabled during recording, you can select to view <strong>Samples</strong> or <strong>Bridge Data</strong> in the navigation bar.</p>
<h4>
<a name="user-content-samples" class="anchor" href="#samples"><span class="octicon octicon-link"></span></a>Samples</h4>
<p><a href="Resources/Instrument_RNBridgeData_DetailPane.png" target="_blank"><img src="Resources/Instrument_RNBridgeData_DetailPane.png" alt="CPU Usage Detail Pane" title="Bridge Data Detail Pane" style="max-width:100%;" /></a></p>
<h4>
<a name="user-content-bridge-data" class="anchor" href="#bridge-data"><span class="octicon octicon-link"></span></a>Bridge Data</h4>
<p><a href="Resources/Instrument_RNBridgeData_DetailPane_BridgeData.png" target="_blank"><img src="Resources/Instrument_RNBridgeData_DetailPane_BridgeData.png" alt="CPU Usage Detail Pane" title="Bridge Data Detail Pane" style="max-width:100%;" /></a></p>
<h3>
<a name="user-content-inspector" class="anchor" href="#inspector"><span class="octicon octicon-link"></span></a>Inspector</h3>
<h4>
<a name="user-content-bridge-data-1" class="anchor" href="#bridge-data-1"><span class="octicon octicon-link"></span></a>Bridge Data</h4>
<p>If the <strong>Record bridge data</strong> option was enabled during recording, the inspector pane shows information about React Native bridge data packets.</p>
<p><a href="Resources/Instrument_RNBridgeData_InspectorPane_BridgeData.png" target="_blank"><img src="Resources/Instrument_RNBridgeData_InspectorPane_BridgeData.png" alt="CPU Usage Inspector Pane" title="Bridge Data Inspector Pane" style="max-width:100%;" /></a></p>
</body></html>