docs-developer/images/remote-profiling-2020-05.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg width="720px" height="459px" viewBox="0 0 720 459" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com -->
    <title>Artboard</title>
    <desc>Created with Sketch.</desc>
    <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="remote-profiling-2" transform="translate(6.000000, -1.000000)">
            <g id="remote-profiling">
                <g id="Rectangle-Copy-2" transform="translate(0.000000, 46.000000)">
                    <g id="path-1-link" fill="#D7D7DB">
                        <rect id="path-1" x="0" y="0" width="254" height="166" rx="8"></rect>
                    </g>
                    <rect id="Rectangle" stroke="#979797" x="0.5" y="0.5" width="253" height="165" rx="8"></rect>
                </g>
                <g id="Rectangle-Copy-3" transform="translate(433.000000, 19.000000)">
                    <g id="path-2-link" fill="#D7D7DB">
                        <rect id="path-2" x="0" y="0" width="272" height="294" rx="8"></rect>
                    </g>
                    <rect id="Rectangle" stroke="#979797" x="0.5" y="0.5" width="271" height="293" rx="8"></rect>
                </g>
                <g id="Gecko-Profiler" transform="translate(497.000000, 243.000000)">
                    <g id="Rectangle">
                        <g id="path-3-link" fill="#FFFFFF">
                            <rect id="path-3" x="0" y="0" width="138" height="54" rx="8"></rect>
                        </g>
                        <rect stroke="#979797" x="0.5" y="0.5" width="137" height="53" rx="8"></rect>
                    </g>
                    <g id="Group" transform="translate(12.000000, 8.000000)" fill="#0A84FF" font-family="sans-serif" font-size="17" font-weight="bold">
                        <text id="Gecko-Profiler">
                            <tspan x="0.8945312" y="16">Gecko Profiler</tspan>
                        </text>
                    </g>
                    <g id="C++-Native-Code" transform="translate(23.000000, 31.000000)" fill="#000000" font-family="sans-serif" font-size="12" font-weight="normal">
                        <text>
                            <tspan x="0.4746094" y="11">C++ Native Code</tspan>
                        </text>
                    </g>
                </g>
                <text id="about:debugging" fill="#6F6F6F" font-family="sans-serif" font-size="25" font-weight="bold">
                    <tspan x="25" y="86">about:debugging</tspan>
                </text>
                <text id="Remote-Target" fill="#6F6F6F" font-family="sans-serif" font-size="25" font-weight="bold">
                    <tspan x="483.40332" y="63">Remote Target</tspan>
                </text>
                <text id="Phone-or-Browser" fill="#6F6F6F" font-family="sans-serif" font-size="20" font-weight="normal">
                    <tspan x="489.960938" y="93">Phone or Browser</tspan>
                </text>
                <g id="Group-Copy" transform="translate(29.000000, 104.000000)">
                    <g id="Rectangle-Copy-2">
                        <g id="path-4-link" fill="#FFFFFF">
                            <rect id="path-4" x="0" y="0" width="197" height="86" rx="8"></rect>
                        </g>
                        <rect id="Rectangle" stroke="#979797" x="0.5" y="0.5" width="196" height="85" rx="8"></rect>
                    </g>
                    <g id="DevTools-Client" transform="translate(35.000000, 20.000000)" fill="#0A84FF" font-family="sans-serif" font-size="17" font-weight="bold">
                        <text>
                            <tspan x="0.3952637" y="16">DevTools Client</tspan>
                        </text>
                    </g>
                    <g id="Remotely-Talking-to" transform="translate(26.000000, 51.000000)" fill="#000000" font-family="sans-serif" font-size="12" font-weight="normal">
                        <text id="Remotely-Talking-to-Phone">
                            <tspan x="0.2324219" y="11">Remotely Talking to Phone</tspan>
                        </text>
                    </g>
                </g>
                <g id="Group-Copy-2" transform="translate(463.000000, 119.000000)">
                    <g id="Rectangle-Copy-2">
                        <g id="path-5-link" fill="#FFFFFF">
                            <rect id="path-5" x="0" y="0" width="217" height="86" rx="8"></rect>
                        </g>
                        <rect id="Rectangle" stroke="#979797" x="0.5" y="0.5" width="216" height="85" rx="8"></rect>
                    </g>
                    <g id="DevTools-Debugger-Se" transform="translate(40.000000, 14.000000)" fill="#0A84FF" font-family="sans-serif" font-size="17" font-weight="bold">
                        <text id="DevTools">
                            <tspan x="30.8684082" y="16">DevTools</tspan>
                        </text>
                        <text id="Debugger-Server">
                            <tspan x="0.0019531" y="36">Debugger Server</tspan>
                        </text>
                    </g>
                    <g id="using-devtools/serve" transform="translate(14.000000, 61.000000)" fill="#000000" font-family="sans-serif" font-size="12" font-weight="normal">
                        <text id="using-devtools/server/actors/perf.js">
                            <tspan x="0.7929688" y="11">using devtools/server/actors/perf.js</tspan>
                        </text>
                    </g>
                </g>
                <polygon id="Triangle" fill="#4A4A4A" fill-rule="nonzero" transform="translate(61.500000, 320.000000) rotate(161.000000) translate(-61.500000, -320.000000) " points="61.5 313 66 327 57 327"></polygon>
                <g id="Rectangle" transform="translate(30.000000, 326.000000)">
                    <g id="path-6-link" fill="#FFFFFF">
                        <rect id="path-6" x="0" y="0" width="168" height="78" rx="8"></rect>
                    </g>
                    <rect stroke="#979797" x="0.5" y="0.5" width="167" height="77" rx="8"></rect>
                </g>
                <text id="profiler.firefox.com" fill="#0A84FF" font-family="sans-serif" font-size="17" font-weight="bold">
                    <tspan x="37" y="350">profiler.firefox.com</tspan>
                </text>
                <text id="unprivileged-webpage" fill="#000000" font-family="sans-serif" font-size="12" font-weight="normal">
                    <tspan x="54.6230469" y="375">unprivileged webpage</tspan>
                </text>
                <text id="https://profiler.firefox.com" fill="#0A84FF" font-family="sans-serif" font-size="12" font-weight="normal">
                    <tspan x="47" y="389">https://profiler.firefox.com</tspan>
                </text>
                <text id="Opens-up-a-new-window" fill="#000000" font-family="sans-serif" font-size="12" font-weight="normal">
                    <tspan x="79" y="255">Opens up a new window</tspan>
                </text>
                <text id="with-profiler.firefox.com.-Then-injects-the" fill="#000000" font-family="sans-serif" font-size="12" font-weight="normal">
                    <tspan x="79" y="269">with profiler.firefox.com. Then injects the</tspan>
                </text>
                <text id="JSON-profile-content-via-a-content-script." fill="#000000" font-family="sans-serif" font-size="12" font-weight="normal">
                    <tspan x="79" y="283">JSON profile content via a content script.</tspan>
                </text>
                <path d="M564.5,205.5 L564.5,242.5" id="Line-Copy-7" stroke="#4A4A4A" fill="#4A4A4A" fill-rule="nonzero" stroke-linecap="square"></path>
                <polygon id="Line-Copy-7-decoration-1" stroke="#4A4A4A" fill="#4A4A4A" fill-rule="nonzero" stroke-linecap="square" points="564.5 242.5 567.5 231.7 561.5 231.7"></polygon>
                <path d="M226.5,156.5 L462.5,156.5" id="Line-Copy-7" stroke="#4A4A4A" fill="#4A4A4A" fill-rule="nonzero" stroke-linecap="square"></path>
                <polygon id="Line-Copy-7-decoration-1" stroke="#4A4A4A" fill="#4A4A4A" fill-rule="nonzero" stroke-linecap="square" points="462.5 156.5 451.7 153.5 451.7 159.5"></polygon>
                <path d="M340.5,0.5 L340.5,170.503226" id="Line" stroke="#979797" stroke-linecap="square" stroke-dasharray="9"></path>
                <path d="M340.5,246.5 L340.5,458.502358" id="Line-Copy" stroke="#979797" stroke-linecap="square" stroke-dasharray="9"></path>
                <text id="DevTools-Remote" fill="#000000" font-family="sans-serif" font-size="12" font-weight="normal">
                    <tspan x="268" y="189">DevTools Remote</tspan>
                </text>
                <text id="Debugging-Protocol-uses-a" fill="#000000" font-family="sans-serif" font-size="12" font-weight="normal">
                    <tspan x="268" y="203">Debugging Protocol uses a</tspan>
                </text>
                <text id="remote-target-transport-to" fill="#000000" font-family="sans-serif" font-size="12" font-weight="normal">
                    <tspan x="268" y="217">remote target transport to</tspan>
                </text>
                <text id="communicate-with-the-phone" fill="#000000" font-family="sans-serif" font-size="12" font-weight="normal">
                    <tspan x="268" y="231">communicate with the phone</tspan>
                </text>
                <text id="nsIProfiler" fill="#000000" font-family="sans-serif" font-size="12" font-weight="normal">
                    <tspan x="579.991211" y="230">nsIProfiler</tspan>
                </text>
                <path d="M59.6132812,315.229492 C53.7949219,298.827148 31.7948749,288.028222 36.0800781,267.036133 C37.372361,260.705577 41.4860453,249.251083 49.6650391,247.954102 C59.9485239,246.323401 59.3505845,267.882993 46.7128906,265.1875 C25.7643407,260.719385 27.3775364,226.363741 31.1328125,211.069336" id="Path-2" stroke="#4A4A4A"></path>
            </g>
        </g>
    </g>
</svg>