| <div id=quic-view-tab-content class=content-box> |
| <!-- Only one of these two are shown --> |
| <div jsdisplay="!quic_enabled"><h4>QUIC is disabled</h4></div> |
| <div jsdisplay="!!quic_enabled"> |
| <table class="styled-table"> |
| <thead> |
| <tr> |
| <th>QUIC Option</th> |
| <th>Value</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>Supported Versions</td> |
| <td><span jscontent="$this.supported_versions || ''"></span></td> |
| </tr><tr> |
| <td>Connection options</td> |
| <td><span jscontent="$this.connection_options || ''"></span></td> |
| </tr><tr> |
| <td>Max Packet Length</td> |
| <td><span jscontent="$this.max_packet_length || ''"></span></td> |
| </tr><tr> |
| <td>Idle Connection Timeout In Seconds</td> |
| <td> |
| <span jscontent="$this.idle_connection_timeout_seconds || ''"> |
| </span> |
| </td> |
| </tr><tr> |
| <td>Reduced Ping Timeout In Seconds</td> |
| <td> |
| <span jscontent="$this.reduced_ping_timeout_seconds || ''"> |
| </span> |
| </td> |
| </tr><tr> |
| <td>Packet Reader Yield After Duration in Milliseconds</td> |
| <td> |
| <span jscontent= |
| "$this.packet_reader_yield_after_duration_milliseconds || ''"> |
| </span> |
| </td> |
| </tr><tr> |
| <td>Mark QUIC Broken When Network Blackholes</td> |
| <td> |
| <span jscontent="!!$this.mark_quic_broken_when_network_blackholes"> |
| </span> |
| </td> |
| </tr><tr> |
| <td>Do Not Mark QUIC Broken on Network Changes</td> |
| <td> |
| <span jscontent="!!$this.do_not_mark_as_broken_on_network_change"> |
| </span> |
| </td> |
| </tr><tr> |
| <td>Retry without Alt-Svc on QUIC Errors</td> |
| <td> |
| <span jscontent="!!$this.retry_without_alt_svc_on_quic_errors"> |
| </span> |
| </td> |
| </tr><tr> |
| <td>Do Not Fragment</td> |
| <td><span jscontent="!!$this.do_not_fragment"></span></td> |
| </tr><tr> |
| <td>Allow Server Migrations</td> |
| <td><span jscontent="!!$this.allow_server_migration"></span></td> |
| </tr><tr> |
| <td>Migrate Sessions Early</td> |
| <td><span jscontent="!!$this.migrate_sessions_early"></span></td> |
| </tr><tr> |
| <td>Migrate Sessions on Network Change</td> |
| <td> |
| <span jscontent="!!$this.migrate_sessions_on_network_change"> |
| </span> |
| </td> |
| </tr><tr> |
| <td>Migrate Sessions Early V2</td> |
| <td><span jscontent="!!$this.migrate_sessions_early_v2"></span></td> |
| </tr><tr> |
| <td>Migrate Sessions on Network Change V2</td> |
| <td> |
| <span jscontent="!!$this.migrate_sessions_on_network_change_v2"> |
| </span> |
| </td> |
| </tr><tr> |
| <td>Disable Bidirectional Streams</td> |
| <td><span jscontent="!!$this.disable_bidirectional_streams"></span></td> |
| </tr><tr> |
| <td>Race Cert Verification</td> |
| <td><span jscontent="!!$this.race_cert_verification"></span></td> |
| </tr><tr> |
| <td>Estimate Initial RTT</td> |
| <td><span jscontent="!!$this.estimate_initial_rtt"></span></td> |
| </tr><tr> |
| <td>Force Head of Line Blocking</td> |
| <td><span jscontent="!!$this.force_hol_blocking"></span></td> |
| </tr><tr> |
| <td>Max Server Configs Stored in Properties</td> |
| <td> |
| <span jscontent="$this.max_server_configs_stored_in_properties || ''"> |
| </span> |
| </td> |
| </tr><tr> |
| <td>Origins To Force QUIC On</td> |
| <td><span jscontent="$this.origins_to_force_quic_on || ''"></span></td> |
| </tr><tr> |
| <td>Server Push Cancellation</td> |
| <td><span jscontent="!!$this.server_push_cancellation"></span></td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <h4>QUIC sessions</h4> |
| <!-- Only one of these two are shown --> |
| <div jsdisplay="!($this.sessions && sessions.length > 0)">None</div> |
| <div jsdisplay="$this.sessions && sessions.length > 0"> |
| <a href="#events&q=type:QUIC_SESSION%20is:active">View live QUIC sessions</a> |
| <p> |
| <table class="styled-table"> |
| <thead> |
| <tr> |
| <th>Host</th> |
| <th>Version</th> |
| <th>Peer address</th> |
| <th>Connection ID</th> |
| <th>Active stream count</th> |
| <th>Active streams</th> |
| <th>Total stream count</th> |
| <th>Packets Sent</th> |
| <th>Packets Lost</th> |
| <th>Packets Received</th> |
| <th>Connected</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr jsselect="sessions"> |
| <td jscontent="$this.aliases ? $this.aliases.join(' ') : ''"></td> |
| <td jscontent="version"></td> |
| <td jscontent="peer_address"></td> |
| <td><a jsvalues=".href: '#events&q=type:QUIC_SESSION%20' + connection_id" jscontent="connection_id"></a></td> |
| <td jscontent="open_streams"></td> |
| <td jscontent="$this.active_streams && $this.active_streams.length > 0 ? $this.active_streams.join(', ') : 'None'"></td> |
| <td jscontent="total_streams"></td> |
| <td jscontent="packets_sent"></td> |
| <td jscontent="packets_lost"></td> |
| <td jscontent="packets_received"></td> |
| <td jscontent="connected"></td> |
| </tr> |
| </tbody> |
| </table> |
| </p> |
| </div> |
| </div> |
| </div> |