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
|
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Omnibox Debug Page</title>
<link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
<link rel="stylesheet" href="omnibox.css">
<script type="module" src="omnibox.js"></script>
</head>
<body>
<template id="omnibox-input-template">
<div id="top" class="top drag-container">
<div class="top-column">
<input id="input-text" type="text"
class="row input-icon-container search-icon" accesskey="l"
autofocus autocomplete="off"
placeholder="Enter omnibox input [Alt+L]">
<div class="arrow-container">
<span id="arrow-padding"></span>
<span class="arrow-up">▲</span>
</div>
<label class="row checkbox-container"
title="When checked, interacting with the real omnibox of any browser window will update the debug page's output. Incognito window omnibox results will update only debug pages open in incognito windows. Likewise, normal window omnibox results will update only debug pages open in normal windows. When unfocusing the browser omnibox, the autocomplete controller sends a response with no combined results. This response is ignored in order to prevent the previous non-empty response from being hidden and because these results wouldn't normally be displayed by the browser window omnibox.">
<input id="connect-window-omnibox" type="checkbox" accesskey="w">
<span>
Connect <span class="accesskey">w</span>indow omnibox
</span>
</label>
<div class="row response-selection-container">
<span>Quer<span class="accesskey">y</span></span>
<input id="response-selection" type="number" accesskey="y" value="0"
min="0" max="0">
<span>of <span id="responses-count">0</span></span>
</div>
<span id="history-warning" class="row warning-text"
title="The output you are currently viewing is historical and may not reflect the current inputs."
hidden>
Viewing historical data
</span>
</div>
<div class="top-column">
<p class="row section-header">Input parameters</p>
<label class="row checkbox-container">
<input id="reset-autocomplete-controller" type="checkbox"
accesskey="r">
<span>
<span class="accesskey">R</span>eset autocomplete controller
</span>
</label>
<label class="row checkbox-container">
<input id="lock-cursor-position" type="checkbox" accesskey="x">
<span>
Lock cursor position to end of input
[<span class="accesskey">x</span>]
</span>
</label>
<label class="row checkbox-container" title="Assuming it is checked:
1) To simulate an on-focus input on NTP, choose NTP page classification and clear the input and current URL.
2) To simulate an on-focus input elsewhere: choose 'arbitrary URL' or a 'SRP' page classification, and add a add a valid (e.g. https://www.google.com) page URL to both the input and current URL.
3) To simulate an on-clobber input: choose 'arbitrary URL' or a 'SRP' page classification, clear the input, and add a valid page URL to the current URL.">
<input id="zero-suggest" type="checkbox" accesskey="z">
<span>
<span class="accesskey">Z</span>ero suggest
</span>
</label>
<label class="row checkbox-container">
<input id="prevent-inline-autocomplete" type="checkbox"
accesskey="a">
<span>
Prevent inline <span class="accesskey">a</span>utocomplete
</span>
</label>
<label class="row checkbox-container">
<input id="prefer-keyword" type="checkbox" accesskey="k">
<span>
In <span class="accesskey">k</span>eyword mode
</span>
</label>
</div>
<div class="top-column">
<p class="row section-header">
Current page c<span class="accesskey">o</span>ntext:
</p>
<input id="current-url" type="text" class="row" accesskey="u"
placeholder="Enter current url (e.g. 'https://www.google.com') [Alt+U]"
title="Mostly useful when zero-suggest is enabled, but may also affect clipboard and search providers.">
<select id="page-classification" class="row" accesskey="o"></select>
</div>
<div class="top-column">
<p class="row section-header">Display paramters</p>
<label class="row checkbox-container">
<input id="show-incomplete-results" type="checkbox" accesskey="i">
<span>
Show <span class="accesskey">i</span>ncomplete results
</span>
</label>
<label class="row checkbox-container">
<input id="show-details" type="checkbox" accesskey="t">
<span>
Show all de<span class="accesskey">t</span>ails
</span>
</label>
<label class="row checkbox-container">
<input id="show-all-providers" type="checkbox" accesskey="p">
<span>
Show results per <span class="accesskey">p</span>rovider
</span>
</label>
<div class="column-container">
<div class="column">
<label class="row checkbox-container">
<input id="elide-cells" type="checkbox" accesskey="s">
<span>
Elide cell<span class="accesskey">s</span>
</span>
</label>
</div>
<div class="column">
<label class="row checkbox-container">
<input id="thin-rows" type="checkbox" accesskey="h">
<span>
T<span class="accesskey">h</span>in rows
</span>
</label>
</div>
</div>
</div>
<div class="top-column">
<p class="row section-header">Output controls</p>
<input id="filter-text" type="text"
class="row input-icon-container search-icon" accesskey="g"
autocomplete="off"
placeholder="Enter filter (e.g. 'google', 'is:star', 'not:del') [Alt+G]"
title="Checks each cell individually; i.e. filter text should not span multiple columns. Supports fuzzyness; each character of filter text must be present in the cell, either adjacent to the previous matched character, or at the start of a new word. Words are defined as being delimited by either capital letters, groups of digits, or non alpha characters. E.g. 'abc' matches 'abc', 'a big cat', 'a-bigCat', 'a very big cat', and 'an amBer cat'; but does not match 'abigcat' or 'an amber cat'. 'green rainbow' is matched by 'gre rain', but not by 'gre bow'. One exception is the first character, which may be matched mid-word. E.g. 'een rain' can also match 'green rainbow'. Boolean properties can be searched for via the property name prefixed by 'is:' or 'not:'. Boolean property names are: 'Can Be Default', 'Starred', 'Has Tab Match', 'Del', 'Prev', and 'Done'.">
<div class="column-container">
<div class="column">
<span id="export-clipboard" class="row button" accesskey="c"
tabindex="0"
title="Copy responses in JSON format. This is not affected by the visibility of output and will include responses in their entirety as well as query and display inputs.">
<i class="icon copy-icon"></i>
<span><span class="accesskey">C</span>opy</span>
</span>
<span id="export-file" class="row button" accesskey="n" tabindex="0"
title="Download responses in JSON format. This is not affected by the visibility of output and will include responses in their entirety as well as query and display inputs.">
<i class="icon copy-icon"></i>
<span>Dow<span class="accesskey">n</span>load</span>
</span>
</div>
<div class="column">
<label id="import-clipboard"
class="row icon-button button drag-container" accesskey="v"
tabindex="0"
title="Import JSON from clipboard. Accepts dragged text and files as well.">
<i class="icon copy-icon"></i>
<span>Paste [<span class="accesskey">v</span>]</span>
</label>
<label id="import-file"
class="row icon-button button drag-container" accesskey="m"
tabindex="0"
title="Upload previously downloaded responses to load them. Accepts dragged text and files as well.">
<input id="import-file-input" type="file" accept=".json">
<i class="icon copy-icon"></i>
<span>Upload [<span class="accesskey">m</span>]</span>
</label>
<label id="process-batch"
class="row icon-button button drag-container" accesskey="b"
tabindex="0"
title="Upload a query batch specifier to download a batch export. Accepts dragged text and files as well.">
<input id="process-batch-input" type="file" accept=".json">
<i class="icon copy-icon"></i>
<span>Process <span class="accesskey">b</span>atch</span>
</label>
</div>
</div>
<span id="imported-warning" class="row warning-text"
title="The output you are currently viewing is imported and may not be the same as if you had entered these inputs now."
hidden>
Viewing imported data
</span>
</div>
</div>
</template>
<template id="omnibox-output-template">
<style>
[hidden] {
display: none !important;
}
:host {
font-size: .75rem;
}
@media only screen and (min-height: 900px) {
:host {
flex-grow: 1;
overflow-y: scroll;
}
}
output-results-group:not(:last-child) {
margin-bottom: 30px;
}
</style>
<div id="contents"></div>
</template>
<template id="output-results-group-template">
<output-results-details></output-results-details>
<table id="table"></table>
</template>
<template id="output-results-details-template">
<style>
:host {
background-color: white;
border: 1px solid var(--border-color);
display: block;
padding: 5px;
}
.label {
color: var(--header-color);
margin-inline-end: 30px;
}
.label > span {
color: var(--action-color);
font-weight: bold;
}
</style>
<span class="label">
cursor position = <span id="cursor-position"></span>
</span>
<span class="label">
elapsed time = <span><span id="time"></span>ms</span>
</span>
<span class="label">
all providers done = <span id="done"></span>
</span>
<span class="label">type = <span id="type"></span></span>
<span class="label">host = <span id="host"></span></span>
<span class="label">is typed host = <span id="is-typed-host"></span></span>
</template>
<omnibox-input id="omnibox-input"></omnibox-input>
<omnibox-output id="omnibox-output"></omnibox-output>
</body>
</html>
|
