This repository has been archived by the owner on Sep 6, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 7.6k
/
inspector.html
8222 lines (8222 loc) · 373 KB
/
inspector.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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html>
<head>
<title>Inspector 1.1 Documentation</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script>
$(function () {
var _domain = $(window.location.hash);
if (_domain.length === 0) _domain = $("#toc");
$(".domain").hide();
_domain.show();
$(".dropdown-toggle").dropdown();
$("a[href^=#]").click(function (e) {
e.preventDefault();
var domainAndName = e.currentTarget.hash.split(".");
window.location = domainAndName[0];
var symbol = $(domainAndName.join("_"));
var speed;
if (_domain !== domainAndName[0]) {
$(_domain).hide();
_domain = domainAndName[0];
$(_domain).show();
speed = 0;
} else {
speed = "fast";
}
$("html, body").animate({
scrollTop: symbol.offset().top - 70 + "px"
}, speed);
if (domainAndName.length > 1) symbol.effect("highlight", { color: "#ffc"}, 1000);
});
});
</script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<style>
body {padding: 70px 0 20px 0;}
h3, dl {font-family: Menlo, Monaco, "Courier New", monospace;}
dl {font-size: 12.025px;}
dl dd {margin-bottom: 6px;}
dl .text {margin-left:12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
h3 {border-top: 1px solid #aaa; padding: 8px 0;}
h3 .label {float: left; margin: 6px;}
footer p {text-align: center; margin: 0;}
</style>
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a href="#toc" class="brand">WebInspector v1.1</a>
<ul class="nav nav-pills">
<li class="dropdown" id="domain-menu">
<a class="dropdown-toggle" data-toggle="dropdown">Domains<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href='#ApplicationCache'>ApplicationCache</a></li>
<li><a href='#CSS'>CSS</a></li>
<li><a href='#Canvas'>Canvas</a></li>
<li><a href='#Console'>Console</a></li>
<li><a href='#DOM'>DOM</a></li>
<li><a href='#DOMDebugger'>DOMDebugger</a></li>
<li><a href='#DOMStorage'>DOMStorage</a></li>
<li><a href='#Database'>Database</a></li>
<li><a href='#Debugger'>Debugger</a></li>
<li><a href='#FileSystem'>FileSystem</a></li>
<li><a href='#HeapProfiler'>HeapProfiler</a></li>
<li><a href='#IndexedDB'>IndexedDB</a></li>
<li><a href='#Input'>Input</a></li>
<li><a href='#Inspector'>Inspector</a></li>
<li><a href='#LayerTree'>LayerTree</a></li>
<li><a href='#Memory'>Memory</a></li>
<li><a href='#Network'>Network</a></li>
<li><a href='#Page'>Page</a></li>
<li><a href='#Profiler'>Profiler</a></li>
<li><a href='#Runtime'>Runtime</a></li>
<li><a href='#Timeline'>Timeline</a></li>
<li><a href='#Tracing'>Tracing</a></li>
<li><a href='#Worker'>Worker</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class='container'>
<section id='toc' class='domain'>
<h1>Table of Contents</h1>
<h3><a href="#ApplicationCache">ApplicationCache</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#ApplicationCache.ApplicationCacheResource'>ApplicationCache.ApplicationCacheResource</a>: Detailed application cache resource information.</li>
<li><a href='#ApplicationCache.ApplicationCache'>ApplicationCache.ApplicationCache</a>: Detailed application cache information.</li>
<li><a href='#ApplicationCache.FrameWithManifest'>ApplicationCache.FrameWithManifest</a>: Frame identifier - manifest URL pair.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#ApplicationCache.getFramesWithManifests'>ApplicationCache.getFramesWithManifests</a>: Returns array of frame identifiers with manifest urls for each frame containing a document associated with some application cache.</li>
<li><a href='#ApplicationCache.enable'>ApplicationCache.enable</a>: Enables application cache domain notifications.</li>
<li><a href='#ApplicationCache.getManifestForFrame'>ApplicationCache.getManifestForFrame</a>: Returns manifest URL for document in the given frame.</li>
<li><a href='#ApplicationCache.getApplicationCacheForFrame'>ApplicationCache.getApplicationCacheForFrame</a>: Returns relevant application cache data for the document in given frame.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#ApplicationCache.applicationCacheStatusUpdated'>ApplicationCache.applicationCacheStatusUpdated</a></li>
<li><a href='#ApplicationCache.networkStateUpdated'>ApplicationCache.networkStateUpdated</a></li>
</ul>
<h3><a href="#CSS">CSS</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#CSS.StyleSheetId'>CSS.StyleSheetId</a></li>
<li><a href='#CSS.CSSStyleId'>CSS.CSSStyleId</a>: This object identifies a CSS style in a unique way.</li>
<li><a href='#CSS.StyleSheetOrigin'>CSS.StyleSheetOrigin</a>: Stylesheet type: "user" for user stylesheets, "user-agent" for user-agent stylesheets, "inspector" for stylesheets created by the inspector (i.e. those holding the "via inspector" rules), "regular" for regular stylesheets.</li>
<li><a href='#CSS.CSSRuleId'>CSS.CSSRuleId</a>: This object identifies a CSS rule in a unique way.</li>
<li><a href='#CSS.PseudoIdMatches'>CSS.PseudoIdMatches</a>: CSS rule collection for a single pseudo style.</li>
<li><a href='#CSS.InheritedStyleEntry'>CSS.InheritedStyleEntry</a>: CSS rule collection for a single pseudo style.</li>
<li><a href='#CSS.RuleMatch'>CSS.RuleMatch</a>: Match data for a CSS rule.</li>
<li><a href='#CSS.SelectorList'>CSS.SelectorList</a>: Selector list data.</li>
<li><a href='#CSS.CSSStyleAttribute'>CSS.CSSStyleAttribute</a>: CSS style information for a DOM style attribute.</li>
<li><a href='#CSS.CSSStyleSheetHeader'>CSS.CSSStyleSheetHeader</a>: CSS stylesheet metainformation.</li>
<li><a href='#CSS.CSSStyleSheetBody'>CSS.CSSStyleSheetBody</a>: CSS stylesheet contents.</li>
<li><a href='#CSS.CSSRule'>CSS.CSSRule</a>: CSS rule representation.</li>
<li><a href='#CSS.SourceRange'>CSS.SourceRange</a>: Text range within a resource. All numbers are zero-based.</li>
<li><a href='#CSS.ShorthandEntry'>CSS.ShorthandEntry</a></li>
<li><a href='#CSS.CSSPropertyInfo'>CSS.CSSPropertyInfo</a></li>
<li><a href='#CSS.CSSComputedStyleProperty'>CSS.CSSComputedStyleProperty</a></li>
<li><a href='#CSS.CSSStyle'>CSS.CSSStyle</a>: CSS style representation.</li>
<li><a href='#CSS.CSSProperty'>CSS.CSSProperty</a>: CSS property declaration data.</li>
<li><a href='#CSS.CSSMedia'>CSS.CSSMedia</a>: CSS media query descriptor.</li>
<li><a href='#CSS.SelectorProfileEntry'>CSS.SelectorProfileEntry</a>: CSS selector profile entry.</li>
<li><a href='#CSS.SelectorProfile'>CSS.SelectorProfile</a></li>
<li><a href='#CSS.Region'>CSS.Region</a>: This object represents a region that flows from a Named Flow.</li>
<li><a href='#CSS.NamedFlow'>CSS.NamedFlow</a>: This object represents a Named Flow.</li>
<li><a href='#CSS.PlatformFontUsage'>CSS.PlatformFontUsage</a>: Information about amount of glyphs that were rendered with given font.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#CSS.enable'>CSS.enable</a>: Enables the CSS agent for the given page. Clients should not assume that the CSS agent has been enabled until the result of this command is received.</li>
<li><a href='#CSS.disable'>CSS.disable</a>: Disables the CSS agent for the given page.</li>
<li><a href='#CSS.getMatchedStylesForNode'>CSS.getMatchedStylesForNode</a>: Returns requested styles for a DOM node identified by nodeId.</li>
<li><a href='#CSS.getInlineStylesForNode'>CSS.getInlineStylesForNode</a>: Returns the styles defined inline (explicitly in the "style" attribute and implicitly, using DOM attributes) for a DOM node identified by nodeId.</li>
<li><a href='#CSS.getComputedStyleForNode'>CSS.getComputedStyleForNode</a>: Returns the computed style for a DOM node identified by nodeId.</li>
<li><a href='#CSS.getPlatformFontsForNode'>CSS.getPlatformFontsForNode</a>: Requests information about platform fonts which we used to render child TextNodes in the given node.</li>
<li><a href='#CSS.getAllStyleSheets'>CSS.getAllStyleSheets</a>: Returns metainfo entries for all known stylesheets.</li>
<li><a href='#CSS.getStyleSheet'>CSS.getStyleSheet</a>: Returns stylesheet data for the specified styleSheetId.</li>
<li><a href='#CSS.getStyleSheetText'>CSS.getStyleSheetText</a>: Returns the current textual content and the URL for a stylesheet.</li>
<li><a href='#CSS.setStyleSheetText'>CSS.setStyleSheetText</a>: Sets the new stylesheet text, thereby invalidating all existing CSSStyleId's and CSSRuleId's contained by this stylesheet.</li>
<li><a href='#CSS.setStyleText'>CSS.setStyleText</a>: Updates the CSSStyleDeclaration text.</li>
<li><a href='#CSS.setPropertyText'>CSS.setPropertyText</a>: Sets the new text for a property in the respective style, at offset propertyIndex. If overwrite is true, a property at the given offset is overwritten, otherwise inserted. text entirely replaces the property name: value.</li>
<li><a href='#CSS.toggleProperty'>CSS.toggleProperty</a>: Toggles the property in the respective style, at offset propertyIndex. The disable parameter denotes whether the property should be disabled (i.e. removed from the style declaration). If disable == false, the property gets put back into its original place in the style declaration.</li>
<li><a href='#CSS.setRuleSelector'>CSS.setRuleSelector</a>: Modifies the rule selector.</li>
<li><a href='#CSS.addRule'>CSS.addRule</a>: Creates a new empty rule with the given selector in a special "inspector" stylesheet in the owner document of the context node.</li>
<li><a href='#CSS.getSupportedCSSProperties'>CSS.getSupportedCSSProperties</a>: Returns all supported CSS property names.</li>
<li><a href='#CSS.forcePseudoState'>CSS.forcePseudoState</a>: Ensures that the given node will have specified pseudo-classes whenever its style is computed by the browser.</li>
<li><a href='#CSS.getNamedFlowCollection'>CSS.getNamedFlowCollection</a>: Returns the Named Flows from the document.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#CSS.mediaQueryResultChanged'>CSS.mediaQueryResultChanged</a>: Fires whenever a MediaQuery result changes (for example, after a browser window has been resized.) The current implementation considers only viewport-dependent media features.</li>
<li><a href='#CSS.styleSheetChanged'>CSS.styleSheetChanged</a>: Fired whenever a stylesheet is changed as a result of the client operation.</li>
<li><a href='#CSS.styleSheetAdded'>CSS.styleSheetAdded</a>: Fired whenever an active document stylesheet is added.</li>
<li><a href='#CSS.styleSheetRemoved'>CSS.styleSheetRemoved</a>: Fired whenever an active document stylesheet is removed.</li>
<li><a href='#CSS.namedFlowCreated'>CSS.namedFlowCreated</a>: Fires when a Named Flow is created.</li>
<li><a href='#CSS.namedFlowRemoved'>CSS.namedFlowRemoved</a>: Fires when a Named Flow is removed: has no associated content nodes and regions.</li>
<li><a href='#CSS.regionLayoutUpdated'>CSS.regionLayoutUpdated</a>: Fires when a Named Flow's layout may have changed.</li>
<li><a href='#CSS.regionOversetChanged'>CSS.regionOversetChanged</a>: Fires if any of the regionOverset values changed in a Named Flow's region chain.</li>
</ul>
<h3><a href="#Canvas">Canvas</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#Canvas.ResourceId'>Canvas.ResourceId</a>: Unique resource identifier.</li>
<li><a href='#Canvas.ResourceStateDescriptor'>Canvas.ResourceStateDescriptor</a>: Resource state descriptor.</li>
<li><a href='#Canvas.ResourceState'>Canvas.ResourceState</a>: Resource state.</li>
<li><a href='#Canvas.CallArgument'>Canvas.CallArgument</a></li>
<li><a href='#Canvas.Call'>Canvas.Call</a></li>
<li><a href='#Canvas.TraceLogId'>Canvas.TraceLogId</a>: Unique trace log identifier.</li>
<li><a href='#Canvas.TraceLog'>Canvas.TraceLog</a></li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Canvas.enable'>Canvas.enable</a>: Enables Canvas inspection.</li>
<li><a href='#Canvas.disable'>Canvas.disable</a>: Disables Canvas inspection.</li>
<li><a href='#Canvas.dropTraceLog'>Canvas.dropTraceLog</a></li>
<li><a href='#Canvas.hasUninstrumentedCanvases'>Canvas.hasUninstrumentedCanvases</a>: Checks if there is any uninstrumented canvas in the inspected page.</li>
<li><a href='#Canvas.captureFrame'>Canvas.captureFrame</a>: Starts (or continues) a canvas frame capturing which will be stopped automatically after the next frame is prepared.</li>
<li><a href='#Canvas.startCapturing'>Canvas.startCapturing</a>: Starts (or continues) consecutive canvas frames capturing. The capturing is stopped by the corresponding stopCapturing command.</li>
<li><a href='#Canvas.stopCapturing'>Canvas.stopCapturing</a></li>
<li><a href='#Canvas.getTraceLog'>Canvas.getTraceLog</a></li>
<li><a href='#Canvas.replayTraceLog'>Canvas.replayTraceLog</a></li>
<li><a href='#Canvas.getResourceState'>Canvas.getResourceState</a></li>
<li><a href='#Canvas.evaluateTraceLogCallArgument'>Canvas.evaluateTraceLogCallArgument</a>: Evaluates a given trace call argument or its result.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#Canvas.contextCreated'>Canvas.contextCreated</a>: Fired when a canvas context has been created in the given frame. The context may not be instrumented (see hasUninstrumentedCanvases command).</li>
<li><a href='#Canvas.traceLogsRemoved'>Canvas.traceLogsRemoved</a>: Fired when a set of trace logs were removed from the backend. If no parameters are given, all trace logs were removed.</li>
</ul>
<h3><a href="#Console">Console</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#Console.Timestamp'>Console.Timestamp</a>: Number of seconds since epoch.</li>
<li><a href='#Console.ConsoleMessage'>Console.ConsoleMessage</a>: Console message.</li>
<li><a href='#Console.CallFrame'>Console.CallFrame</a>: Stack entry for console errors and assertions.</li>
<li><a href='#Console.StackTrace'>Console.StackTrace</a>: Call frames for assertions or error messages.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Console.enable'>Console.enable</a>: Enables console domain, sends the messages collected so far to the client by means of the messageAdded notification.</li>
<li><a href='#Console.disable'>Console.disable</a>: Disables console domain, prevents further console messages from being reported to the client.</li>
<li><a href='#Console.clearMessages'>Console.clearMessages</a>: Clears console messages collected in the browser.</li>
<li><a href='#Console.setMonitoringXHREnabled'>Console.setMonitoringXHREnabled</a>: Toggles monitoring of XMLHttpRequest. If true, console will receive messages upon each XHR issued.</li>
<li><a href='#Console.addInspectedNode'>Console.addInspectedNode</a>: Enables console to refer to the node with given id via $x (see Command Line API for more details $x functions).</li>
<li><a href='#Console.addInspectedHeapObject'>Console.addInspectedHeapObject</a></li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#Console.messageAdded'>Console.messageAdded</a>: Issued when new console message is added.</li>
<li><a href='#Console.messageRepeatCountUpdated'>Console.messageRepeatCountUpdated</a>: Issued when subsequent message(s) are equal to the previous one(s).</li>
<li><a href='#Console.messagesCleared'>Console.messagesCleared</a>: Issued when console is cleared. This happens either upon clearMessages command or after page navigation.</li>
</ul>
<h3><a href="#DOM">DOM</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#DOM.NodeId'>DOM.NodeId</a>: Unique DOM node identifier.</li>
<li><a href='#DOM.BackendNodeId'>DOM.BackendNodeId</a>: Unique DOM node identifier used to reference a node that may not have been pushed to the front-end.</li>
<li><a href='#DOM.PseudoType'>DOM.PseudoType</a>: Pseudo element type.</li>
<li><a href='#DOM.Node'>DOM.Node</a>: DOM interaction is implemented in terms of mirror objects that represent the actual DOM nodes. DOMNode is a base node mirror type.</li>
<li><a href='#DOM.EventListener'>DOM.EventListener</a>: DOM interaction is implemented in terms of mirror objects that represent the actual DOM nodes. DOMNode is a base node mirror type.</li>
<li><a href='#DOM.RGBA'>DOM.RGBA</a>: A structure holding an RGBA color.</li>
<li><a href='#DOM.Quad'>DOM.Quad</a>: An array of quad vertices, x immediately followed by y for each point, points clock-wise.</li>
<li><a href='#DOM.BoxModel'>DOM.BoxModel</a>: Box model.</li>
<li><a href='#DOM.Rect'>DOM.Rect</a>: Rectangle.</li>
<li><a href='#DOM.HighlightConfig'>DOM.HighlightConfig</a>: Configuration data for the highlighting of page elements.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#DOM.enable'>DOM.enable</a>: Enables DOM agent for the given page.</li>
<li><a href='#DOM.disable'>DOM.disable</a>: Disables DOM agent for the given page.</li>
<li><a href='#DOM.getDocument'>DOM.getDocument</a>: Returns the root DOM node to the caller.</li>
<li><a href='#DOM.requestChildNodes'>DOM.requestChildNodes</a>: Requests that children of the node with given id are returned to the caller in form of setChildNodes events where not only immediate children are retrieved, but all children down to the specified depth.</li>
<li><a href='#DOM.querySelector'>DOM.querySelector</a>: Executes querySelector on a given node.</li>
<li><a href='#DOM.querySelectorAll'>DOM.querySelectorAll</a>: Executes querySelectorAll on a given node.</li>
<li><a href='#DOM.setNodeName'>DOM.setNodeName</a>: Sets node name for a node with given id.</li>
<li><a href='#DOM.setNodeValue'>DOM.setNodeValue</a>: Sets node value for a node with given id.</li>
<li><a href='#DOM.removeNode'>DOM.removeNode</a>: Removes node with given id.</li>
<li><a href='#DOM.setAttributeValue'>DOM.setAttributeValue</a>: Sets attribute for an element with given id.</li>
<li><a href='#DOM.setAttributesAsText'>DOM.setAttributesAsText</a>: Sets attributes on element with given id. This method is useful when user edits some existing attribute value and types in several attribute name/value pairs.</li>
<li><a href='#DOM.removeAttribute'>DOM.removeAttribute</a>: Removes attribute with given name from an element with given id.</li>
<li><a href='#DOM.getEventListenersForNode'>DOM.getEventListenersForNode</a>: Returns event listeners relevant to the node.</li>
<li><a href='#DOM.getOuterHTML'>DOM.getOuterHTML</a>: Returns node's HTML markup.</li>
<li><a href='#DOM.setOuterHTML'>DOM.setOuterHTML</a>: Sets node HTML markup, returns new node id.</li>
<li><a href='#DOM.performSearch'>DOM.performSearch</a>: Searches for a given string in the DOM tree. Use getSearchResults to access search results or cancelSearch to end this search session.</li>
<li><a href='#DOM.getSearchResults'>DOM.getSearchResults</a>: Returns search results from given fromIndex to given toIndex from the sarch with the given identifier.</li>
<li><a href='#DOM.discardSearchResults'>DOM.discardSearchResults</a>: Discards search results from the session with the given id. getSearchResults should no longer be called for that search.</li>
<li><a href='#DOM.requestNode'>DOM.requestNode</a>: Requests that the node is sent to the caller given the JavaScript node object reference. All nodes that form the path from the node to the root are also sent to the client as a series of setChildNodes notifications.</li>
<li><a href='#DOM.setInspectModeEnabled'>DOM.setInspectModeEnabled</a>: Enters the 'inspect' mode. In this mode, elements that user is hovering over are highlighted. Backend then generates 'inspectNodeRequested' event upon element selection.</li>
<li><a href='#DOM.highlightRect'>DOM.highlightRect</a>: Highlights given rectangle. Coordinates are absolute with respect to the main frame viewport.</li>
<li><a href='#DOM.highlightQuad'>DOM.highlightQuad</a>: Highlights given quad. Coordinates are absolute with respect to the main frame viewport.</li>
<li><a href='#DOM.highlightNode'>DOM.highlightNode</a>: Highlights DOM node with given id or with the given JavaScript object wrapper. Either nodeId or objectId must be specified.</li>
<li><a href='#DOM.hideHighlight'>DOM.hideHighlight</a>: Hides DOM node highlight.</li>
<li><a href='#DOM.highlightFrame'>DOM.highlightFrame</a>: Highlights owner element of the frame with given id.</li>
<li><a href='#DOM.pushNodeByPathToFrontend'>DOM.pushNodeByPathToFrontend</a>: Requests that the node is sent to the caller given its path. // FIXME, use XPath</li>
<li><a href='#DOM.pushNodeByBackendIdToFrontend'>DOM.pushNodeByBackendIdToFrontend</a>: Requests that the node is sent to the caller given its backend node id.</li>
<li><a href='#DOM.releaseBackendNodeIds'>DOM.releaseBackendNodeIds</a>: Requests that group of BackendNodeIds is released.</li>
<li><a href='#DOM.resolveNode'>DOM.resolveNode</a>: Resolves JavaScript node object for given node id.</li>
<li><a href='#DOM.getAttributes'>DOM.getAttributes</a>: Returns attributes for the specified node.</li>
<li><a href='#DOM.moveTo'>DOM.moveTo</a>: Moves node into the new container, places it before the given anchor.</li>
<li><a href='#DOM.undo'>DOM.undo</a>: Undoes the last performed action.</li>
<li><a href='#DOM.redo'>DOM.redo</a>: Re-does the last undone action.</li>
<li><a href='#DOM.markUndoableState'>DOM.markUndoableState</a>: Marks last undoable state.</li>
<li><a href='#DOM.focus'>DOM.focus</a>: Focuses the given element.</li>
<li><a href='#DOM.setFileInputFiles'>DOM.setFileInputFiles</a>: Sets files for the given file input element.</li>
<li><a href='#DOM.getBoxModel'>DOM.getBoxModel</a>: Returns boxes for the currently selected nodes.</li>
<li><a href='#DOM.getNodeForLocation'>DOM.getNodeForLocation</a>: Returns node id at given location.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#DOM.documentUpdated'>DOM.documentUpdated</a>: Fired when Document has been totally updated. Node ids are no longer valid.</li>
<li><a href='#DOM.inspectNodeRequested'>DOM.inspectNodeRequested</a>: Fired when the node should be inspected. This happens after call to setInspectModeEnabled.</li>
<li><a href='#DOM.setChildNodes'>DOM.setChildNodes</a>: Fired when backend wants to provide client with the missing DOM structure. This happens upon most of the calls requesting node ids.</li>
<li><a href='#DOM.attributeModified'>DOM.attributeModified</a>: Fired when Element's attribute is modified.</li>
<li><a href='#DOM.attributeRemoved'>DOM.attributeRemoved</a>: Fired when Element's attribute is removed.</li>
<li><a href='#DOM.inlineStyleInvalidated'>DOM.inlineStyleInvalidated</a>: Fired when Element's inline style is modified via a CSS property modification.</li>
<li><a href='#DOM.characterDataModified'>DOM.characterDataModified</a>: Mirrors DOMCharacterDataModified event.</li>
<li><a href='#DOM.childNodeCountUpdated'>DOM.childNodeCountUpdated</a>: Fired when Container's child node count has changed.</li>
<li><a href='#DOM.childNodeInserted'>DOM.childNodeInserted</a>: Mirrors DOMNodeInserted event.</li>
<li><a href='#DOM.childNodeRemoved'>DOM.childNodeRemoved</a>: Mirrors DOMNodeRemoved event.</li>
<li><a href='#DOM.shadowRootPushed'>DOM.shadowRootPushed</a>: Called when shadow root is pushed into the element.</li>
<li><a href='#DOM.shadowRootPopped'>DOM.shadowRootPopped</a>: Called when shadow root is popped from the element.</li>
<li><a href='#DOM.pseudoElementAdded'>DOM.pseudoElementAdded</a>: Called when a pseudo element is added to an element.</li>
<li><a href='#DOM.pseudoElementRemoved'>DOM.pseudoElementRemoved</a>: Called when a pseudo element is removed from an element.</li>
</ul>
<h3><a href="#DOMDebugger">DOMDebugger</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#DOMDebugger.DOMBreakpointType'>DOMDebugger.DOMBreakpointType</a>: DOM breakpoint type.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#DOMDebugger.setDOMBreakpoint'>DOMDebugger.setDOMBreakpoint</a>: Sets breakpoint on particular operation with DOM.</li>
<li><a href='#DOMDebugger.removeDOMBreakpoint'>DOMDebugger.removeDOMBreakpoint</a>: Removes DOM breakpoint that was set using setDOMBreakpoint.</li>
<li><a href='#DOMDebugger.setEventListenerBreakpoint'>DOMDebugger.setEventListenerBreakpoint</a>: Sets breakpoint on particular DOM event.</li>
<li><a href='#DOMDebugger.removeEventListenerBreakpoint'>DOMDebugger.removeEventListenerBreakpoint</a>: Removes breakpoint on particular DOM event.</li>
<li><a href='#DOMDebugger.setInstrumentationBreakpoint'>DOMDebugger.setInstrumentationBreakpoint</a>: Sets breakpoint on particular native event.</li>
<li><a href='#DOMDebugger.removeInstrumentationBreakpoint'>DOMDebugger.removeInstrumentationBreakpoint</a>: Removes breakpoint on particular native event.</li>
<li><a href='#DOMDebugger.setXHRBreakpoint'>DOMDebugger.setXHRBreakpoint</a>: Sets breakpoint on XMLHttpRequest.</li>
<li><a href='#DOMDebugger.removeXHRBreakpoint'>DOMDebugger.removeXHRBreakpoint</a>: Removes breakpoint from XMLHttpRequest.</li>
</ul>
<h3><a href="#DOMStorage">DOMStorage</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#DOMStorage.StorageId'>DOMStorage.StorageId</a>: DOM Storage identifier.</li>
<li><a href='#DOMStorage.Item'>DOMStorage.Item</a>: DOM Storage item.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#DOMStorage.enable'>DOMStorage.enable</a>: Enables storage tracking, storage events will now be delivered to the client.</li>
<li><a href='#DOMStorage.disable'>DOMStorage.disable</a>: Disables storage tracking, prevents storage events from being sent to the client.</li>
<li><a href='#DOMStorage.getDOMStorageItems'>DOMStorage.getDOMStorageItems</a></li>
<li><a href='#DOMStorage.setDOMStorageItem'>DOMStorage.setDOMStorageItem</a></li>
<li><a href='#DOMStorage.removeDOMStorageItem'>DOMStorage.removeDOMStorageItem</a></li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#DOMStorage.domStorageItemsCleared'>DOMStorage.domStorageItemsCleared</a></li>
<li><a href='#DOMStorage.domStorageItemRemoved'>DOMStorage.domStorageItemRemoved</a></li>
<li><a href='#DOMStorage.domStorageItemAdded'>DOMStorage.domStorageItemAdded</a></li>
<li><a href='#DOMStorage.domStorageItemUpdated'>DOMStorage.domStorageItemUpdated</a></li>
</ul>
<h3><a href="#Database">Database</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#Database.DatabaseId'>Database.DatabaseId</a>: Unique identifier of Database object.</li>
<li><a href='#Database.Database'>Database.Database</a>: Database object.</li>
<li><a href='#Database.Error'>Database.Error</a>: Database error.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Database.enable'>Database.enable</a>: Enables database tracking, database events will now be delivered to the client.</li>
<li><a href='#Database.disable'>Database.disable</a>: Disables database tracking, prevents database events from being sent to the client.</li>
<li><a href='#Database.getDatabaseTableNames'>Database.getDatabaseTableNames</a></li>
<li><a href='#Database.executeSQL'>Database.executeSQL</a></li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#Database.addDatabase'>Database.addDatabase</a></li>
</ul>
<h3><a href="#Debugger">Debugger</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#Debugger.BreakpointId'>Debugger.BreakpointId</a>: Breakpoint identifier.</li>
<li><a href='#Debugger.ScriptId'>Debugger.ScriptId</a>: Unique script identifier.</li>
<li><a href='#Debugger.CallFrameId'>Debugger.CallFrameId</a>: Call frame identifier.</li>
<li><a href='#Debugger.Location'>Debugger.Location</a>: Location in the source code.</li>
<li><a href='#Debugger.FunctionDetails'>Debugger.FunctionDetails</a>: Information about the function.</li>
<li><a href='#Debugger.CallFrame'>Debugger.CallFrame</a>: JavaScript call frame. Array of call frames form the call stack.</li>
<li><a href='#Debugger.Scope'>Debugger.Scope</a>: Scope description.</li>
<li><a href='#Debugger.SetScriptSourceError'>Debugger.SetScriptSourceError</a>: Error data for setScriptSource command. compileError is a case type for uncompilable script source error.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Debugger.enable'>Debugger.enable</a>: Enables debugger for the given page. Clients should not assume that the debugging has been enabled until the result for this command is received.</li>
<li><a href='#Debugger.disable'>Debugger.disable</a>: Disables debugger for given page.</li>
<li><a href='#Debugger.setBreakpointsActive'>Debugger.setBreakpointsActive</a>: Activates / deactivates all breakpoints on the page.</li>
<li><a href='#Debugger.setSkipAllPauses'>Debugger.setSkipAllPauses</a>: Makes page not interrupt on any pauses (breakpoint, exception, dom exception etc).</li>
<li><a href='#Debugger.setBreakpointByUrl'>Debugger.setBreakpointByUrl</a>: Sets JavaScript breakpoint at given location specified either by URL or URL regex. Once this command is issued, all existing parsed scripts will have breakpoints resolved and returned in locations property. Further matching script parsing will result in subsequent breakpointResolved events issued. This logical breakpoint will survive page reloads.</li>
<li><a href='#Debugger.setBreakpoint'>Debugger.setBreakpoint</a>: Sets JavaScript breakpoint at a given location.</li>
<li><a href='#Debugger.removeBreakpoint'>Debugger.removeBreakpoint</a>: Removes JavaScript breakpoint.</li>
<li><a href='#Debugger.continueToLocation'>Debugger.continueToLocation</a>: Continues execution until specific location is reached.</li>
<li><a href='#Debugger.stepOver'>Debugger.stepOver</a>: Steps over the statement.</li>
<li><a href='#Debugger.stepInto'>Debugger.stepInto</a>: Steps into the function call.</li>
<li><a href='#Debugger.stepOut'>Debugger.stepOut</a>: Steps out of the function call.</li>
<li><a href='#Debugger.pause'>Debugger.pause</a>: Stops on the next JavaScript statement.</li>
<li><a href='#Debugger.resume'>Debugger.resume</a>: Resumes JavaScript execution.</li>
<li><a href='#Debugger.searchInContent'>Debugger.searchInContent</a>: Searches for given string in script content.</li>
<li><a href='#Debugger.canSetScriptSource'>Debugger.canSetScriptSource</a>: Always returns true.</li>
<li><a href='#Debugger.setScriptSource'>Debugger.setScriptSource</a>: Edits JavaScript source live.</li>
<li><a href='#Debugger.restartFrame'>Debugger.restartFrame</a>: Restarts particular call frame from the beginning.</li>
<li><a href='#Debugger.getScriptSource'>Debugger.getScriptSource</a>: Returns source for the script with given id.</li>
<li><a href='#Debugger.getFunctionDetails'>Debugger.getFunctionDetails</a>: Returns detailed informtation on given function.</li>
<li><a href='#Debugger.setPauseOnExceptions'>Debugger.setPauseOnExceptions</a>: Defines pause on exceptions state. Can be set to stop on all exceptions, uncaught exceptions or no exceptions. Initial pause on exceptions state is none.</li>
<li><a href='#Debugger.evaluateOnCallFrame'>Debugger.evaluateOnCallFrame</a>: Evaluates expression on a given call frame.</li>
<li><a href='#Debugger.compileScript'>Debugger.compileScript</a>: Compiles expression.</li>
<li><a href='#Debugger.runScript'>Debugger.runScript</a>: Runs script with given id in a given context.</li>
<li><a href='#Debugger.setOverlayMessage'>Debugger.setOverlayMessage</a>: Sets overlay message.</li>
<li><a href='#Debugger.setVariableValue'>Debugger.setVariableValue</a>: Changes value of variable in a callframe or a closure. Either callframe or function must be specified. Object-based scopes are not supported and must be mutated manually.</li>
<li><a href='#Debugger.getStepInPositions'>Debugger.getStepInPositions</a>: Lists all positions where step-in is possible for a current statement in a specified call frame</li>
<li><a href='#Debugger.getBacktrace'>Debugger.getBacktrace</a>: Returns call stack including variables changed since VM was paused. VM must be paused.</li>
<li><a href='#Debugger.skipStackFrames'>Debugger.skipStackFrames</a>: Makes backend skip steps in the sources with names matching given pattern. VM will try leave blacklisted scripts by performing 'step in' several times, finally resorting to 'step out' if unsuccessful.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#Debugger.globalObjectCleared'>Debugger.globalObjectCleared</a>: Called when global has been cleared and debugger client should reset its state. Happens upon navigation or reload.</li>
<li><a href='#Debugger.scriptParsed'>Debugger.scriptParsed</a>: Fired when virtual machine parses script. This event is also fired for all known and uncollected scripts upon enabling debugger.</li>
<li><a href='#Debugger.scriptFailedToParse'>Debugger.scriptFailedToParse</a>: Fired when virtual machine fails to parse the script.</li>
<li><a href='#Debugger.breakpointResolved'>Debugger.breakpointResolved</a>: Fired when breakpoint is resolved to an actual script and location.</li>
<li><a href='#Debugger.paused'>Debugger.paused</a>: Fired when the virtual machine stopped on breakpoint or exception or any other stop criteria.</li>
<li><a href='#Debugger.resumed'>Debugger.resumed</a>: Fired when the virtual machine resumed execution.</li>
</ul>
<h3><a href="#FileSystem">FileSystem</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#FileSystem.Entry'>FileSystem.Entry</a>: Represents a browser side file or directory.</li>
<li><a href='#FileSystem.Metadata'>FileSystem.Metadata</a>: Represents metadata of a file or entry.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#FileSystem.enable'>FileSystem.enable</a>: Enables events from backend.</li>
<li><a href='#FileSystem.disable'>FileSystem.disable</a>: Disables events from backend.</li>
<li><a href='#FileSystem.requestFileSystemRoot'>FileSystem.requestFileSystemRoot</a>: Returns root directory of the FileSystem, if exists.</li>
<li><a href='#FileSystem.requestDirectoryContent'>FileSystem.requestDirectoryContent</a>: Returns content of the directory.</li>
<li><a href='#FileSystem.requestMetadata'>FileSystem.requestMetadata</a>: Returns metadata of the entry.</li>
<li><a href='#FileSystem.requestFileContent'>FileSystem.requestFileContent</a>: Returns content of the file. Result should be sliced into [start, end).</li>
<li><a href='#FileSystem.deleteEntry'>FileSystem.deleteEntry</a>: Deletes specified entry. If the entry is a directory, the agent deletes children recursively.</li>
</ul>
<h3><a href="#HeapProfiler">HeapProfiler</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#HeapProfiler.ProfileHeader'>HeapProfiler.ProfileHeader</a>: Profile header.</li>
<li><a href='#HeapProfiler.HeapSnapshotObjectId'>HeapProfiler.HeapSnapshotObjectId</a>: Heap snashot object id.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#HeapProfiler.getProfileHeaders'>HeapProfiler.getProfileHeaders</a></li>
<li><a href='#HeapProfiler.startTrackingHeapObjects'>HeapProfiler.startTrackingHeapObjects</a></li>
<li><a href='#HeapProfiler.stopTrackingHeapObjects'>HeapProfiler.stopTrackingHeapObjects</a></li>
<li><a href='#HeapProfiler.getHeapSnapshot'>HeapProfiler.getHeapSnapshot</a></li>
<li><a href='#HeapProfiler.removeProfile'>HeapProfiler.removeProfile</a></li>
<li><a href='#HeapProfiler.clearProfiles'>HeapProfiler.clearProfiles</a></li>
<li><a href='#HeapProfiler.takeHeapSnapshot'>HeapProfiler.takeHeapSnapshot</a></li>
<li><a href='#HeapProfiler.collectGarbage'>HeapProfiler.collectGarbage</a></li>
<li><a href='#HeapProfiler.getObjectByHeapObjectId'>HeapProfiler.getObjectByHeapObjectId</a></li>
<li><a href='#HeapProfiler.getHeapObjectId'>HeapProfiler.getHeapObjectId</a></li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#HeapProfiler.addProfileHeader'>HeapProfiler.addProfileHeader</a></li>
<li><a href='#HeapProfiler.addHeapSnapshotChunk'>HeapProfiler.addHeapSnapshotChunk</a></li>
<li><a href='#HeapProfiler.finishHeapSnapshot'>HeapProfiler.finishHeapSnapshot</a></li>
<li><a href='#HeapProfiler.resetProfiles'>HeapProfiler.resetProfiles</a></li>
<li><a href='#HeapProfiler.reportHeapSnapshotProgress'>HeapProfiler.reportHeapSnapshotProgress</a></li>
<li><a href='#HeapProfiler.lastSeenObjectId'>HeapProfiler.lastSeenObjectId</a>: If heap objects tracking has been started then backend regulary sends a current value for last seen object id and corresponding timestamp. If the were changes in the heap since last event then one or more heapStatsUpdate events will be sent before a new lastSeenObjectId event.</li>
<li><a href='#HeapProfiler.heapStatsUpdate'>HeapProfiler.heapStatsUpdate</a>: If heap objects tracking has been started then backend may send update for one or more fragments</li>
</ul>
<h3><a href="#IndexedDB">IndexedDB</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#IndexedDB.DatabaseWithObjectStores'>IndexedDB.DatabaseWithObjectStores</a>: Database with an array of object stores.</li>
<li><a href='#IndexedDB.ObjectStore'>IndexedDB.ObjectStore</a>: Object store.</li>
<li><a href='#IndexedDB.ObjectStoreIndex'>IndexedDB.ObjectStoreIndex</a>: Object store index.</li>
<li><a href='#IndexedDB.Key'>IndexedDB.Key</a>: Key.</li>
<li><a href='#IndexedDB.KeyRange'>IndexedDB.KeyRange</a>: Key range.</li>
<li><a href='#IndexedDB.DataEntry'>IndexedDB.DataEntry</a>: Data entry.</li>
<li><a href='#IndexedDB.KeyPath'>IndexedDB.KeyPath</a>: Key path.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#IndexedDB.enable'>IndexedDB.enable</a>: Enables events from backend.</li>
<li><a href='#IndexedDB.disable'>IndexedDB.disable</a>: Disables events from backend.</li>
<li><a href='#IndexedDB.requestDatabaseNames'>IndexedDB.requestDatabaseNames</a>: Requests database names for given security origin.</li>
<li><a href='#IndexedDB.requestDatabase'>IndexedDB.requestDatabase</a>: Requests database with given name in given frame.</li>
<li><a href='#IndexedDB.requestData'>IndexedDB.requestData</a>: Requests data from object store or index.</li>
<li><a href='#IndexedDB.clearObjectStore'>IndexedDB.clearObjectStore</a>: Clears all entries from an object store.</li>
</ul>
<h3><a href="#Input">Input</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#Input.TouchPoint'>Input.TouchPoint</a></li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Input.dispatchKeyEvent'>Input.dispatchKeyEvent</a>: Dispatches a key event to the page.</li>
<li><a href='#Input.dispatchMouseEvent'>Input.dispatchMouseEvent</a>: Dispatches a mouse event to the page.</li>
<li><a href='#Input.dispatchTouchEvent'>Input.dispatchTouchEvent</a>: Dispatches a touch event to the page.</li>
<li><a href='#Input.dispatchGestureEvent'>Input.dispatchGestureEvent</a>: Dispatches a gesture event to the page.</li>
</ul>
<h3><a href="#Inspector">Inspector</a></h3>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Inspector.enable'>Inspector.enable</a>: Enables inspector domain notifications.</li>
<li><a href='#Inspector.disable'>Inspector.disable</a>: Disables inspector domain notifications.</li>
<li><a href='#Inspector.reset'>Inspector.reset</a>: Resets all domains.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#Inspector.evaluateForTestInFrontend'>Inspector.evaluateForTestInFrontend</a></li>
<li><a href='#Inspector.inspect'>Inspector.inspect</a></li>
<li><a href='#Inspector.detached'>Inspector.detached</a>: Fired when remote debugging connection is about to be terminated. Contains detach reason.</li>
<li><a href='#Inspector.targetCrashed'>Inspector.targetCrashed</a>: Fired when debugging target has crashed</li>
</ul>
<h3><a href="#LayerTree">LayerTree</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#LayerTree.LayerId'>LayerTree.LayerId</a>: Unique RenderLayer identifier.</li>
<li><a href='#LayerTree.Layer'>LayerTree.Layer</a>: Information about a compositing layer.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#LayerTree.enable'>LayerTree.enable</a>: Enables compositing tree inspection.</li>
<li><a href='#LayerTree.disable'>LayerTree.disable</a>: Disables compositing tree inspection.</li>
<li><a href='#LayerTree.getLayers'>LayerTree.getLayers</a>: Returns the layer tree structure of the current page.</li>
<li><a href='#LayerTree.compositingReasons'>LayerTree.compositingReasons</a>: Provides the reasons why the given layer was composited.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#LayerTree.layerTreeDidChange'>LayerTree.layerTreeDidChange</a></li>
</ul>
<h3><a href="#Memory">Memory</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#Memory.MemoryBlock'>Memory.MemoryBlock</a></li>
<li><a href='#Memory.HeapSnapshotChunk'>Memory.HeapSnapshotChunk</a></li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Memory.getDOMCounters'>Memory.getDOMCounters</a></li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#Memory.addNativeSnapshotChunk'>Memory.addNativeSnapshotChunk</a></li>
</ul>
<h3><a href="#Network">Network</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#Network.LoaderId'>Network.LoaderId</a>: Unique loader identifier.</li>
<li><a href='#Network.RequestId'>Network.RequestId</a>: Unique request identifier.</li>
<li><a href='#Network.Timestamp'>Network.Timestamp</a>: Number of seconds since epoch.</li>
<li><a href='#Network.Headers'>Network.Headers</a>: Request / response headers as keys / values of JSON object.</li>
<li><a href='#Network.ResourceTiming'>Network.ResourceTiming</a>: Timing information for the request.</li>
<li><a href='#Network.Request'>Network.Request</a>: HTTP request data.</li>
<li><a href='#Network.Response'>Network.Response</a>: HTTP response data.</li>
<li><a href='#Network.WebSocketRequest'>Network.WebSocketRequest</a>: WebSocket request data.</li>
<li><a href='#Network.WebSocketResponse'>Network.WebSocketResponse</a>: WebSocket response data.</li>
<li><a href='#Network.WebSocketFrame'>Network.WebSocketFrame</a>: WebSocket frame data.</li>
<li><a href='#Network.CachedResource'>Network.CachedResource</a>: Information about the cached resource.</li>
<li><a href='#Network.Initiator'>Network.Initiator</a>: Information about the request initiator.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Network.enable'>Network.enable</a>: Enables network tracking, network events will now be delivered to the client.</li>
<li><a href='#Network.disable'>Network.disable</a>: Disables network tracking, prevents network events from being sent to the client.</li>
<li><a href='#Network.setUserAgentOverride'>Network.setUserAgentOverride</a>: Allows overriding user agent with the given string.</li>
<li><a href='#Network.setExtraHTTPHeaders'>Network.setExtraHTTPHeaders</a>: Specifies whether to always send extra HTTP headers with the requests from this page.</li>
<li><a href='#Network.getResponseBody'>Network.getResponseBody</a>: Returns content served for the given request.</li>
<li><a href='#Network.replayXHR'>Network.replayXHR</a>: This method sends a new XMLHttpRequest which is identical to the original one. The following parameters should be identical: method, url, async, request body, extra headers, withCredentials attribute, user, password.</li>
<li><a href='#Network.canClearBrowserCache'>Network.canClearBrowserCache</a>: Tells whether clearing browser cache is supported.</li>
<li><a href='#Network.clearBrowserCache'>Network.clearBrowserCache</a>: Clears browser cache.</li>
<li><a href='#Network.canClearBrowserCookies'>Network.canClearBrowserCookies</a>: Tells whether clearing browser cookies is supported.</li>
<li><a href='#Network.clearBrowserCookies'>Network.clearBrowserCookies</a>: Clears browser cookies.</li>
<li><a href='#Network.setCacheDisabled'>Network.setCacheDisabled</a>: Toggles ignoring cache for each request. If true, cache will not be used.</li>
<li><a href='#Network.loadResourceForFrontend'>Network.loadResourceForFrontend</a>: Loads a resource in the context of a frame on the inspected page without cross origin checks.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#Network.requestWillBeSent'>Network.requestWillBeSent</a>: Fired when page is about to send HTTP request.</li>
<li><a href='#Network.requestServedFromCache'>Network.requestServedFromCache</a>: Fired if request ended up loading from cache.</li>
<li><a href='#Network.responseReceived'>Network.responseReceived</a>: Fired when HTTP response is available.</li>
<li><a href='#Network.dataReceived'>Network.dataReceived</a>: Fired when data chunk was received over the network.</li>
<li><a href='#Network.loadingFinished'>Network.loadingFinished</a>: Fired when HTTP request has finished loading.</li>
<li><a href='#Network.loadingFailed'>Network.loadingFailed</a>: Fired when HTTP request has failed to load.</li>
<li><a href='#Network.webSocketWillSendHandshakeRequest'>Network.webSocketWillSendHandshakeRequest</a>: Fired when WebSocket is about to initiate handshake.</li>
<li><a href='#Network.webSocketHandshakeResponseReceived'>Network.webSocketHandshakeResponseReceived</a>: Fired when WebSocket handshake response becomes available.</li>
<li><a href='#Network.webSocketCreated'>Network.webSocketCreated</a>: Fired upon WebSocket creation.</li>
<li><a href='#Network.webSocketClosed'>Network.webSocketClosed</a>: Fired when WebSocket is closed.</li>
<li><a href='#Network.webSocketFrameReceived'>Network.webSocketFrameReceived</a>: Fired when WebSocket frame is received.</li>
<li><a href='#Network.webSocketFrameError'>Network.webSocketFrameError</a>: Fired when WebSocket frame error occurs.</li>
<li><a href='#Network.webSocketFrameSent'>Network.webSocketFrameSent</a>: Fired when WebSocket frame is sent.</li>
</ul>
<h3><a href="#Page">Page</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#Page.ResourceType'>Page.ResourceType</a>: Resource type as it was perceived by the rendering engine.</li>
<li><a href='#Page.FrameId'>Page.FrameId</a>: Unique frame identifier.</li>
<li><a href='#Page.Frame'>Page.Frame</a>: Information about the Frame on the page.</li>
<li><a href='#Page.FrameResourceTree'>Page.FrameResourceTree</a>: Information about the Frame hierarchy along with their cached resources.</li>
<li><a href='#Page.SearchMatch'>Page.SearchMatch</a>: Search match for resource.</li>
<li><a href='#Page.SearchResult'>Page.SearchResult</a>: Search result for resource.</li>
<li><a href='#Page.Cookie'>Page.Cookie</a>: Cookie object</li>
<li><a href='#Page.ScriptIdentifier'>Page.ScriptIdentifier</a>: Unique script identifier.</li>
<li><a href='#Page.NavigationEntry'>Page.NavigationEntry</a>: Navigation history entry.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Page.enable'>Page.enable</a>: Enables page domain notifications.</li>
<li><a href='#Page.disable'>Page.disable</a>: Disables page domain notifications.</li>
<li><a href='#Page.addScriptToEvaluateOnLoad'>Page.addScriptToEvaluateOnLoad</a></li>
<li><a href='#Page.removeScriptToEvaluateOnLoad'>Page.removeScriptToEvaluateOnLoad</a></li>
<li><a href='#Page.reload'>Page.reload</a>: Reloads given page optionally ignoring the cache.</li>
<li><a href='#Page.navigate'>Page.navigate</a>: Navigates current page to the given URL.</li>
<li><a href='#Page.getNavigationHistory'>Page.getNavigationHistory</a>: Returns navigation history for the current page.</li>
<li><a href='#Page.navigateToHistoryEntry'>Page.navigateToHistoryEntry</a>: Navigates current page to the given history entry.</li>
<li><a href='#Page.getCookies'>Page.getCookies</a>: Returns all browser cookies. Depending on the backend support, will either return detailed cookie information in the cookie field or string cookie representation using cookieString.</li>
<li><a href='#Page.deleteCookie'>Page.deleteCookie</a>: Deletes browser cookie with given name, domain and path.</li>
<li><a href='#Page.getResourceTree'>Page.getResourceTree</a>: Returns present frame / resource tree structure.</li>
<li><a href='#Page.getResourceContent'>Page.getResourceContent</a>: Returns content of the given resource.</li>
<li><a href='#Page.searchInResource'>Page.searchInResource</a>: Searches for given string in resource content.</li>
<li><a href='#Page.searchInResources'>Page.searchInResources</a>: Searches for given string in frame / resource tree structure.</li>
<li><a href='#Page.setDocumentContent'>Page.setDocumentContent</a>: Sets given markup as the document's HTML.</li>
<li><a href='#Page.setDeviceMetricsOverride'>Page.setDeviceMetricsOverride</a>: Overrides the values of device screen dimensions (window.screen.width, window.screen.height, window.innerWidth, window.innerHeight, and "device-width"/"device-height"-related CSS media query results) and the font scale factor.</li>
<li><a href='#Page.setShowPaintRects'>Page.setShowPaintRects</a>: Requests that backend shows paint rectangles</li>
<li><a href='#Page.setShowDebugBorders'>Page.setShowDebugBorders</a>: Requests that backend shows debug borders on layers</li>
<li><a href='#Page.setShowFPSCounter'>Page.setShowFPSCounter</a>: Requests that backend shows the FPS counter</li>
<li><a href='#Page.setContinuousPaintingEnabled'>Page.setContinuousPaintingEnabled</a>: Requests that backend enables continuous painting</li>
<li><a href='#Page.setShowScrollBottleneckRects'>Page.setShowScrollBottleneckRects</a>: Requests that backend shows scroll bottleneck rects</li>
<li><a href='#Page.getScriptExecutionStatus'>Page.getScriptExecutionStatus</a>: Determines if scripts can be executed in the page.</li>
<li><a href='#Page.setScriptExecutionDisabled'>Page.setScriptExecutionDisabled</a>: Switches script execution in the page.</li>
<li><a href='#Page.setGeolocationOverride'>Page.setGeolocationOverride</a>: Overrides the Geolocation Position or Error.</li>
<li><a href='#Page.clearGeolocationOverride'>Page.clearGeolocationOverride</a>: Clears the overriden Geolocation Position and Error.</li>
<li><a href='#Page.setDeviceOrientationOverride'>Page.setDeviceOrientationOverride</a>: Overrides the Device Orientation.</li>
<li><a href='#Page.clearDeviceOrientationOverride'>Page.clearDeviceOrientationOverride</a>: Clears the overridden Device Orientation.</li>
<li><a href='#Page.setTouchEmulationEnabled'>Page.setTouchEmulationEnabled</a>: Toggles mouse event-based touch event emulation.</li>
<li><a href='#Page.setEmulatedMedia'>Page.setEmulatedMedia</a>: Emulates the given media for CSS media queries.</li>
<li><a href='#Page.captureScreenshot'>Page.captureScreenshot</a>: Capture page screenshot.</li>
<li><a href='#Page.startScreencast'>Page.startScreencast</a>: Starts sending each frame using the screencastFrame event.</li>
<li><a href='#Page.stopScreencast'>Page.stopScreencast</a>: Stops sending each frame in the screencastFrame.</li>
<li><a href='#Page.handleJavaScriptDialog'>Page.handleJavaScriptDialog</a>: Accepts or dismisses a JavaScript initiated dialog (alert, confirm, prompt, or onbeforeunload).</li>
<li><a href='#Page.setShowViewportSizeOnResize'>Page.setShowViewportSizeOnResize</a>: Paints viewport size upon main frame resize.</li>
<li><a href='#Page.setForceCompositingMode'>Page.setForceCompositingMode</a>: Force accelerated compositing mode for inspected page.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#Page.domContentEventFired'>Page.domContentEventFired</a></li>
<li><a href='#Page.loadEventFired'>Page.loadEventFired</a></li>
<li><a href='#Page.frameAttached'>Page.frameAttached</a>: Fired when frame has been attached to its parent.</li>
<li><a href='#Page.frameNavigated'>Page.frameNavigated</a>: Fired once navigation of the frame has completed. Frame is now associated with the new loader.</li>
<li><a href='#Page.frameDetached'>Page.frameDetached</a>: Fired when frame has been detached from its parent.</li>
<li><a href='#Page.frameStartedLoading'>Page.frameStartedLoading</a>: Fired when frame has started loading.</li>
<li><a href='#Page.frameStoppedLoading'>Page.frameStoppedLoading</a>: Fired when frame has stopped loading.</li>
<li><a href='#Page.frameScheduledNavigation'>Page.frameScheduledNavigation</a>: Fired when frame schedules a potential navigation.</li>
<li><a href='#Page.frameClearedScheduledNavigation'>Page.frameClearedScheduledNavigation</a>: Fired when frame no longer has a scheduled navigation.</li>
<li><a href='#Page.javascriptDialogOpening'>Page.javascriptDialogOpening</a>: Fired when a JavaScript initiated dialog (alert, confirm, prompt, or onbeforeunload) is about to open.</li>
<li><a href='#Page.javascriptDialogClosed'>Page.javascriptDialogClosed</a>: Fired when a JavaScript initiated dialog (alert, confirm, prompt, or onbeforeunload) has been closed.</li>
<li><a href='#Page.scriptsEnabled'>Page.scriptsEnabled</a>: Fired when the JavaScript is enabled/disabled on the page</li>
<li><a href='#Page.screencastFrame'>Page.screencastFrame</a>: Compressed image data requested by the startScreencast.</li>
<li><a href='#Page.screencastVisibilityChanged'>Page.screencastVisibilityChanged</a>: Fired when the page with currently enabled screencast was shown or hidden .</li>
</ul>
<h3><a href="#Profiler">Profiler</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#Profiler.ProfileHeader'>Profiler.ProfileHeader</a>: Profile header.</li>
<li><a href='#Profiler.CPUProfileNode'>Profiler.CPUProfileNode</a>: CPU Profile node. Holds callsite information, execution statistics and child nodes.</li>
<li><a href='#Profiler.CPUProfile'>Profiler.CPUProfile</a>: Profile.</li>
<li><a href='#Profiler.HeapSnapshotObjectId'>Profiler.HeapSnapshotObjectId</a>: Heap snashot object id.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Profiler.enable'>Profiler.enable</a></li>
<li><a href='#Profiler.disable'>Profiler.disable</a></li>
<li><a href='#Profiler.setSamplingInterval'>Profiler.setSamplingInterval</a>: Changes CPU profiler sampling interval. Must be called before CPU profiles recording started.</li>
<li><a href='#Profiler.start'>Profiler.start</a></li>
<li><a href='#Profiler.stop'>Profiler.stop</a></li>
<li><a href='#Profiler.getProfileHeaders'>Profiler.getProfileHeaders</a></li>
<li><a href='#Profiler.getCPUProfile'>Profiler.getCPUProfile</a></li>
<li><a href='#Profiler.removeProfile'>Profiler.removeProfile</a></li>
<li><a href='#Profiler.clearProfiles'>Profiler.clearProfiles</a></li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#Profiler.addProfileHeader'>Profiler.addProfileHeader</a></li>
<li><a href='#Profiler.setRecordingProfile'>Profiler.setRecordingProfile</a></li>
<li><a href='#Profiler.resetProfiles'>Profiler.resetProfiles</a></li>
</ul>
<h3><a href="#Runtime">Runtime</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#Runtime.RemoteObjectId'>Runtime.RemoteObjectId</a>: Unique object identifier.</li>
<li><a href='#Runtime.RemoteObject'>Runtime.RemoteObject</a>: Mirror object referencing original JavaScript object.</li>
<li><a href='#Runtime.ObjectPreview'>Runtime.ObjectPreview</a>: Object containing abbreviated remote object value.</li>
<li><a href='#Runtime.PropertyPreview'>Runtime.PropertyPreview</a></li>
<li><a href='#Runtime.PropertyDescriptor'>Runtime.PropertyDescriptor</a>: Object property descriptor.</li>
<li><a href='#Runtime.InternalPropertyDescriptor'>Runtime.InternalPropertyDescriptor</a>: Object internal property descriptor. This property isn't normally visible in JavaScript code.</li>
<li><a href='#Runtime.CallArgument'>Runtime.CallArgument</a>: Represents function call argument. Either remote object id objectId or primitive value or neither of (for undefined) them should be specified.</li>
<li><a href='#Runtime.ExecutionContextId'>Runtime.ExecutionContextId</a>: Id of an execution context.</li>
<li><a href='#Runtime.ExecutionContextDescription'>Runtime.ExecutionContextDescription</a>: Description of an isolated world.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Runtime.evaluate'>Runtime.evaluate</a>: Evaluates expression on global object.</li>
<li><a href='#Runtime.callFunctionOn'>Runtime.callFunctionOn</a>: Calls function with given declaration on the given object. Object group of the result is inherited from the target object.</li>
<li><a href='#Runtime.getProperties'>Runtime.getProperties</a>: Returns properties of a given object. Object group of the result is inherited from the target object.</li>
<li><a href='#Runtime.releaseObject'>Runtime.releaseObject</a>: Releases remote object with given id.</li>
<li><a href='#Runtime.releaseObjectGroup'>Runtime.releaseObjectGroup</a>: Releases all remote objects that belong to a given group.</li>
<li><a href='#Runtime.run'>Runtime.run</a>: Tells inspected instance(worker or page) that it can run in case it was started paused.</li>
<li><a href='#Runtime.enable'>Runtime.enable</a>: Enables reporting of execution contexts creation by means of executionContextCreated event. When the reporting gets enabled the event will be sent immediately for each existing execution context.</li>
<li><a href='#Runtime.disable'>Runtime.disable</a>: Disables reporting of execution contexts creation.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#Runtime.executionContextCreated'>Runtime.executionContextCreated</a>: Issued when new execution context is created.</li>
</ul>
<h3><a href="#Timeline">Timeline</a></h3>
<span class='label'>Type</span>
<ul>
<li><a href='#Timeline.DOMCounters'>Timeline.DOMCounters</a>: Current values of DOM counters.</li>
<li><a href='#Timeline.TimelineEvent'>Timeline.TimelineEvent</a>: Timeline record contains information about the recorded activity.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Timeline.enable'>Timeline.enable</a>: Enables timeline. After this call, timeline can be started from within the page (for example upon console.timeline).</li>
<li><a href='#Timeline.disable'>Timeline.disable</a>: Disables timeline.</li>
<li><a href='#Timeline.start'>Timeline.start</a>: Starts capturing instrumentation events.</li>
<li><a href='#Timeline.stop'>Timeline.stop</a>: Stops capturing instrumentation events.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#Timeline.eventRecorded'>Timeline.eventRecorded</a>: Fired for every instrumentation event while timeline is started.</li>
<li><a href='#Timeline.started'>Timeline.started</a>: Fired when timeline is started.</li>
<li><a href='#Timeline.stopped'>Timeline.stopped</a>: Fired when timeline is stopped.</li>
</ul>
<h3><a href="#Tracing">Tracing</a></h3>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Tracing.start'>Tracing.start</a>: Strart trace events collection.</li>
<li><a href='#Tracing.end'>Tracing.end</a>: Stop trace events collection.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#Tracing.dataCollected'>Tracing.dataCollected</a></li>
<li><a href='#Tracing.tracingComplete'>Tracing.tracingComplete</a></li>
</ul>
<h3><a href="#Worker">Worker</a></h3>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#Worker.enable'>Worker.enable</a></li>
<li><a href='#Worker.disable'>Worker.disable</a></li>
<li><a href='#Worker.sendMessageToWorker'>Worker.sendMessageToWorker</a></li>
<li><a href='#Worker.canInspectWorkers'>Worker.canInspectWorkers</a>: Tells whether browser supports workers inspection.</li>
<li><a href='#Worker.connectToWorker'>Worker.connectToWorker</a></li>
<li><a href='#Worker.disconnectFromWorker'>Worker.disconnectFromWorker</a></li>
<li><a href='#Worker.setAutoconnectToWorkers'>Worker.setAutoconnectToWorkers</a></li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#Worker.workerCreated'>Worker.workerCreated</a></li>
<li><a href='#Worker.workerTerminated'>Worker.workerTerminated</a></li>
<li><a href='#Worker.dispatchMessageFromWorker'>Worker.dispatchMessageFromWorker</a></li>
<li><a href='#Worker.disconnectedFromWorker'>Worker.disconnectedFromWorker</a></li>
</ul>
</section>
<section id='ApplicationCache' class='domain'>
<h1>ApplicationCache</h1>
<p></p>
<span class='label'>Type</span>
<ul>
<li><a href='#ApplicationCache.ApplicationCacheResource'>ApplicationCache.ApplicationCacheResource</a>: Detailed application cache resource information.</li>
<li><a href='#ApplicationCache.ApplicationCache'>ApplicationCache.ApplicationCache</a>: Detailed application cache information.</li>
<li><a href='#ApplicationCache.FrameWithManifest'>ApplicationCache.FrameWithManifest</a>: Frame identifier - manifest URL pair.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#ApplicationCache.getFramesWithManifests'>ApplicationCache.getFramesWithManifests</a>: Returns array of frame identifiers with manifest urls for each frame containing a document associated with some application cache.</li>
<li><a href='#ApplicationCache.enable'>ApplicationCache.enable</a>: Enables application cache domain notifications.</li>
<li><a href='#ApplicationCache.getManifestForFrame'>ApplicationCache.getManifestForFrame</a>: Returns manifest URL for document in the given frame.</li>
<li><a href='#ApplicationCache.getApplicationCacheForFrame'>ApplicationCache.getApplicationCacheForFrame</a>: Returns relevant application cache data for the document in given frame.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#ApplicationCache.applicationCacheStatusUpdated'>ApplicationCache.applicationCacheStatusUpdated</a></li>
<li><a href='#ApplicationCache.networkStateUpdated'>ApplicationCache.networkStateUpdated</a></li>
</ul>
<div id='ApplicationCache_ApplicationCacheResource' class='type'>
<h3>ApplicationCache.ApplicationCacheResource <span class='label'>Type</span></h3>
<p>Detailed application cache resource information.</p>
<dl>
<dt>url</dt>
<dd>String <span class='text'>Resource url.</span></dd>
<dt>size</dt>
<dd>Integer <span class='text'>Resource size.</span></dd>
<dt>type</dt>
<dd>String <span class='text'>Resource type.</span></dd>
</dl>
</div>
<div id='ApplicationCache_ApplicationCache' class='type'>
<h3>ApplicationCache.ApplicationCache <span class='label'>Type</span></h3>
<p>Detailed application cache information.</p>
<dl>
<dt>manifestURL</dt>
<dd>String <span class='text'>Manifest URL.</span></dd>
<dt>size</dt>
<dd>Number <span class='text'>Application cache size.</span></dd>
<dt>creationTime</dt>
<dd>Number <span class='text'>Application cache creation time.</span></dd>
<dt>updateTime</dt>
<dd>Number <span class='text'>Application cache update time.</span></dd>
<dt>resources</dt>
<dd>[<a href='#ApplicationCache.ApplicationCacheResource'>ApplicationCache.ApplicationCacheResource</a>] <span class='text'>Application cache resources.</span></dd>
</dl>
</div>
<div id='ApplicationCache_FrameWithManifest' class='type'>
<h3>ApplicationCache.FrameWithManifest <span class='label'>Type</span></h3>
<p>Frame identifier - manifest URL pair.</p>
<dl>
<dt>frameId</dt>
<dd><a href='#Page.FrameId'>Page.FrameId</a> <span class='text'>Frame identifier.</span></dd>
<dt>manifestURL</dt>
<dd>String <span class='text'>Manifest URL.</span></dd>
<dt>status</dt>
<dd>Integer <span class='text'>Application cache status.</span></dd>
</dl>
</div>
<div id='ApplicationCache_getFramesWithManifests' class='command'>
<h3>ApplicationCache.getFramesWithManifests <span class='label label-success'>Command</span></h3>
<p>Returns array of frame identifiers with manifest urls for each frame containing a document associated with some application cache.</p>
<h4>Callback Parameters:</h4>
<dl>
<dt>frameIds</dt>
<dd>[<a href='#ApplicationCache.FrameWithManifest'>ApplicationCache.FrameWithManifest</a>] <span class='text'>Array of frame identifiers with manifest urls for each frame containing a document associated with some application cache.</span></dd>
</dl>
<h4>Code Example:</h4>
<pre>
// WebInspector Command: ApplicationCache.getFramesWithManifests
ApplicationCache.getFramesWithManifests(function callback(res) {
// res = {frameIds}
});
</pre>
</div>
<div id='ApplicationCache_enable' class='command'>
<h3>ApplicationCache.enable <span class='label label-success'>Command</span></h3>
<p>Enables application cache domain notifications.</p>
<h4>Code Example:</h4>
<pre>
// WebInspector Command: ApplicationCache.enable
ApplicationCache.enable();
</pre>
</div>
<div id='ApplicationCache_getManifestForFrame' class='command'>
<h3>ApplicationCache.getManifestForFrame <span class='label label-success'>Command</span></h3>
<p>Returns manifest URL for document in the given frame.</p>
<dl>
<dt>frameId</dt>
<dd><a href='#Page.FrameId'>Page.FrameId</a> <span class='text'>Identifier of the frame containing document whose manifest is retrieved.</span></dd>
</dl>
<h4>Callback Parameters:</h4>
<dl>
<dt>manifestURL</dt>
<dd>String <span class='text'>Manifest URL for document in the given frame.</span></dd>
</dl>
<h4>Code Example:</h4>
<pre>
// WebInspector Command: ApplicationCache.getManifestForFrame
ApplicationCache.getManifestForFrame(frameId, function callback(res) {
// res = {manifestURL}
});
</pre>
</div>
<div id='ApplicationCache_getApplicationCacheForFrame' class='command'>
<h3>ApplicationCache.getApplicationCacheForFrame <span class='label label-success'>Command</span></h3>
<p>Returns relevant application cache data for the document in given frame.</p>
<dl>
<dt>frameId</dt>
<dd><a href='#Page.FrameId'>Page.FrameId</a> <span class='text'>Identifier of the frame containing document whose application cache is retrieved.</span></dd>
</dl>
<h4>Callback Parameters:</h4>
<dl>
<dt>applicationCache</dt>
<dd><a href='#ApplicationCache.ApplicationCache'>ApplicationCache.ApplicationCache</a> <span class='text'>Relevant application cache data for the document in given frame.</span></dd>
</dl>
<h4>Code Example:</h4>
<pre>
// WebInspector Command: ApplicationCache.getApplicationCacheForFrame
ApplicationCache.getApplicationCacheForFrame(frameId, function callback(res) {
// res = {applicationCache}
});
</pre>
</div>
<div id='ApplicationCache_applicationCacheStatusUpdated' class='command'>
<h3>ApplicationCache.applicationCacheStatusUpdated <span class='label label-info'>Event</span></h3>
<dl>
<dt>frameId</dt>
<dd><a href='#Page.FrameId'>Page.FrameId</a> <span class='text'>Identifier of the frame containing document whose application cache updated status.</span></dd>
<dt>manifestURL</dt>
<dd>String <span class='text'>Manifest URL.</span></dd>
<dt>status</dt>
<dd>Integer <span class='text'>Updated application cache status.</span></dd>
</dl>
<h4>Code Example:</h4>
<pre>
// WebInspector Event: ApplicationCache.applicationCacheStatusUpdated
function onApplicationCacheStatusUpdated(res) {
// res = {frameId, manifestURL, status}
}
</pre>
</div>
<div id='ApplicationCache_networkStateUpdated' class='command'>
<h3>ApplicationCache.networkStateUpdated <span class='label label-info'>Event</span></h3>
<dl>
<dt>isNowOnline</dt>
<dd>Boolean</dd>
</dl>
<h4>Code Example:</h4>
<pre>
// WebInspector Event: ApplicationCache.networkStateUpdated
function onNetworkStateUpdated(res) {
// res = {isNowOnline}
}
</pre>
</div>
</section>
<section id='CSS' class='domain'>
<h1>CSS</h1>
<p>This domain exposes CSS read/write operations. All CSS objects (stylesheets, rules, and styles) have an associated <code>id</code> used in subsequent operations on the related object. Each object type has a specific <code>id</code> structure, and those are not interchangeable between objects of different kinds. CSS objects can be loaded using the <code>get*ForNode()</code> calls (which accept a DOM node id). A client can also discover all the existing stylesheets with the <code>getAllStyleSheets()</code> method (or keeping track of the <code>styleSheetAdded</code>/<code>styleSheetRemoved</code> events) and subsequently load the required stylesheet contents using the <code>getStyleSheet[Text]()</code> methods.</p>
<span class='label'>Type</span>
<ul>
<li><a href='#CSS.StyleSheetId'>CSS.StyleSheetId</a></li>
<li><a href='#CSS.CSSStyleId'>CSS.CSSStyleId</a>: This object identifies a CSS style in a unique way.</li>
<li><a href='#CSS.StyleSheetOrigin'>CSS.StyleSheetOrigin</a>: Stylesheet type: "user" for user stylesheets, "user-agent" for user-agent stylesheets, "inspector" for stylesheets created by the inspector (i.e. those holding the "via inspector" rules), "regular" for regular stylesheets.</li>
<li><a href='#CSS.CSSRuleId'>CSS.CSSRuleId</a>: This object identifies a CSS rule in a unique way.</li>
<li><a href='#CSS.PseudoIdMatches'>CSS.PseudoIdMatches</a>: CSS rule collection for a single pseudo style.</li>
<li><a href='#CSS.InheritedStyleEntry'>CSS.InheritedStyleEntry</a>: CSS rule collection for a single pseudo style.</li>
<li><a href='#CSS.RuleMatch'>CSS.RuleMatch</a>: Match data for a CSS rule.</li>
<li><a href='#CSS.SelectorList'>CSS.SelectorList</a>: Selector list data.</li>
<li><a href='#CSS.CSSStyleAttribute'>CSS.CSSStyleAttribute</a>: CSS style information for a DOM style attribute.</li>
<li><a href='#CSS.CSSStyleSheetHeader'>CSS.CSSStyleSheetHeader</a>: CSS stylesheet metainformation.</li>
<li><a href='#CSS.CSSStyleSheetBody'>CSS.CSSStyleSheetBody</a>: CSS stylesheet contents.</li>
<li><a href='#CSS.CSSRule'>CSS.CSSRule</a>: CSS rule representation.</li>
<li><a href='#CSS.SourceRange'>CSS.SourceRange</a>: Text range within a resource. All numbers are zero-based.</li>
<li><a href='#CSS.ShorthandEntry'>CSS.ShorthandEntry</a></li>
<li><a href='#CSS.CSSPropertyInfo'>CSS.CSSPropertyInfo</a></li>
<li><a href='#CSS.CSSComputedStyleProperty'>CSS.CSSComputedStyleProperty</a></li>
<li><a href='#CSS.CSSStyle'>CSS.CSSStyle</a>: CSS style representation.</li>
<li><a href='#CSS.CSSProperty'>CSS.CSSProperty</a>: CSS property declaration data.</li>
<li><a href='#CSS.CSSMedia'>CSS.CSSMedia</a>: CSS media query descriptor.</li>
<li><a href='#CSS.SelectorProfileEntry'>CSS.SelectorProfileEntry</a>: CSS selector profile entry.</li>
<li><a href='#CSS.SelectorProfile'>CSS.SelectorProfile</a></li>
<li><a href='#CSS.Region'>CSS.Region</a>: This object represents a region that flows from a Named Flow.</li>
<li><a href='#CSS.NamedFlow'>CSS.NamedFlow</a>: This object represents a Named Flow.</li>
<li><a href='#CSS.PlatformFontUsage'>CSS.PlatformFontUsage</a>: Information about amount of glyphs that were rendered with given font.</li>
</ul>
<span class='label label-success'>Command</span>
<ul>
<li><a href='#CSS.enable'>CSS.enable</a>: Enables the CSS agent for the given page. Clients should not assume that the CSS agent has been enabled until the result of this command is received.</li>
<li><a href='#CSS.disable'>CSS.disable</a>: Disables the CSS agent for the given page.</li>
<li><a href='#CSS.getMatchedStylesForNode'>CSS.getMatchedStylesForNode</a>: Returns requested styles for a DOM node identified by nodeId.</li>
<li><a href='#CSS.getInlineStylesForNode'>CSS.getInlineStylesForNode</a>: Returns the styles defined inline (explicitly in the "style" attribute and implicitly, using DOM attributes) for a DOM node identified by nodeId.</li>
<li><a href='#CSS.getComputedStyleForNode'>CSS.getComputedStyleForNode</a>: Returns the computed style for a DOM node identified by nodeId.</li>
<li><a href='#CSS.getPlatformFontsForNode'>CSS.getPlatformFontsForNode</a>: Requests information about platform fonts which we used to render child TextNodes in the given node.</li>
<li><a href='#CSS.getAllStyleSheets'>CSS.getAllStyleSheets</a>: Returns metainfo entries for all known stylesheets.</li>
<li><a href='#CSS.getStyleSheet'>CSS.getStyleSheet</a>: Returns stylesheet data for the specified styleSheetId.</li>
<li><a href='#CSS.getStyleSheetText'>CSS.getStyleSheetText</a>: Returns the current textual content and the URL for a stylesheet.</li>
<li><a href='#CSS.setStyleSheetText'>CSS.setStyleSheetText</a>: Sets the new stylesheet text, thereby invalidating all existing CSSStyleId's and CSSRuleId's contained by this stylesheet.</li>
<li><a href='#CSS.setStyleText'>CSS.setStyleText</a>: Updates the CSSStyleDeclaration text.</li>
<li><a href='#CSS.setPropertyText'>CSS.setPropertyText</a>: Sets the new text for a property in the respective style, at offset propertyIndex. If overwrite is true, a property at the given offset is overwritten, otherwise inserted. text entirely replaces the property name: value.</li>
<li><a href='#CSS.toggleProperty'>CSS.toggleProperty</a>: Toggles the property in the respective style, at offset propertyIndex. The disable parameter denotes whether the property should be disabled (i.e. removed from the style declaration). If disable == false, the property gets put back into its original place in the style declaration.</li>
<li><a href='#CSS.setRuleSelector'>CSS.setRuleSelector</a>: Modifies the rule selector.</li>
<li><a href='#CSS.addRule'>CSS.addRule</a>: Creates a new empty rule with the given selector in a special "inspector" stylesheet in the owner document of the context node.</li>
<li><a href='#CSS.getSupportedCSSProperties'>CSS.getSupportedCSSProperties</a>: Returns all supported CSS property names.</li>
<li><a href='#CSS.forcePseudoState'>CSS.forcePseudoState</a>: Ensures that the given node will have specified pseudo-classes whenever its style is computed by the browser.</li>
<li><a href='#CSS.getNamedFlowCollection'>CSS.getNamedFlowCollection</a>: Returns the Named Flows from the document.</li>
</ul>
<span class='label label-info'>Event</span>
<ul>
<li><a href='#CSS.mediaQueryResultChanged'>CSS.mediaQueryResultChanged</a>: Fires whenever a MediaQuery result changes (for example, after a browser window has been resized.) The current implementation considers only viewport-dependent media features.</li>
<li><a href='#CSS.styleSheetChanged'>CSS.styleSheetChanged</a>: Fired whenever a stylesheet is changed as a result of the client operation.</li>
<li><a href='#CSS.styleSheetAdded'>CSS.styleSheetAdded</a>: Fired whenever an active document stylesheet is added.</li>
<li><a href='#CSS.styleSheetRemoved'>CSS.styleSheetRemoved</a>: Fired whenever an active document stylesheet is removed.</li>
<li><a href='#CSS.namedFlowCreated'>CSS.namedFlowCreated</a>: Fires when a Named Flow is created.</li>
<li><a href='#CSS.namedFlowRemoved'>CSS.namedFlowRemoved</a>: Fires when a Named Flow is removed: has no associated content nodes and regions.</li>
<li><a href='#CSS.regionLayoutUpdated'>CSS.regionLayoutUpdated</a>: Fires when a Named Flow's layout may have changed.</li>
<li><a href='#CSS.regionOversetChanged'>CSS.regionOversetChanged</a>: Fires if any of the regionOverset values changed in a Named Flow's region chain.</li>
</ul>
<div id='CSS_StyleSheetId' class='type'>
<h3>CSS.StyleSheetId <span class='label'>Type</span></h3>
<dl>
<dd>String</dd>
</dl>
</div>
<div id='CSS_CSSStyleId' class='type'>
<h3>CSS.CSSStyleId <span class='label'>Type</span></h3>
<p>This object identifies a CSS style in a unique way.</p>
<dl>
<dt>styleSheetId</dt>
<dd><a href='#CSS.StyleSheetId'>CSS.StyleSheetId</a> <span class='text'>Enclosing stylesheet identifier.</span></dd>
<dt>ordinal</dt>
<dd>Integer <span class='text'>The style ordinal within the stylesheet.</span></dd>
</dl>
</div>
<div id='CSS_StyleSheetOrigin' class='type'>
<h3>CSS.StyleSheetOrigin <span class='label'>Type</span></h3>
<p>Stylesheet type: "user" for user stylesheets, "user-agent" for user-agent stylesheets, "inspector" for stylesheets created by the inspector (i.e. those holding the "via inspector" rules), "regular" for regular stylesheets.</p>
<dl>
<dd>( user | user-agent | inspector | regular )</dd>
</dl>
</div>
<div id='CSS_CSSRuleId' class='type'>
<h3>CSS.CSSRuleId <span class='label'>Type</span></h3>
<p>This object identifies a CSS rule in a unique way.</p>
<dl>
<dt>styleSheetId</dt>
<dd><a href='#CSS.StyleSheetId'>CSS.StyleSheetId</a> <span class='text'>Enclosing stylesheet identifier.</span></dd>
<dt>ordinal</dt>
<dd>Integer <span class='text'>The rule ordinal within the stylesheet.</span></dd>
</dl>
</div>
<div id='CSS_PseudoIdMatches' class='type'>
<h3>CSS.PseudoIdMatches <span class='label'>Type</span></h3>
<p>CSS rule collection for a single pseudo style.</p>
<dl>
<dt>pseudoId</dt>
<dd>Integer <span class='text'>Pseudo style identifier (see <code>enum PseudoId</code> in <code>RenderStyleConstants.h</code>).</span></dd>
<dt>matches</dt>