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
|
<html>
<head>
<title>Vimium Options</title>
<style type="text/css" media="screen">
body {
font-family:"helvetica neue", "helvetica", "arial", "sans";
width:600px;
margin:10px auto;
}
#optionsTableWrapper {
width:450px;
border:1px solid red;
}
.example {
font-size:80%;
color:#555;
margin-left:20px;
}
.caption {
margin-right:10px;
}
td {
padding:5px 0;
}
textarea#excludedUrls {
width:450px;
min-height:100px;
}
textarea#userDefinedLinkHintCss {
width:302px;
min-height:100px;
}
#status {
margin-left:10px;
font-size:80%;
}
/* Make the caption in the settings table as small as possible, to pull the other fields to the right. */
td:nth-child(1) {
width:1px;
white-space:nowrap;
}
#buttonsPanel {
/* This should match the width of #excludedUrls + 5px of padding to move the buttons to the right. */
width:455px;
text-align:right;
margin-top:18px;
margin-right:-10px;
}
.help {
position:absolute;
right:-280px;
width:280px;
}
tr.advancedOption {
display:none;
}
</style>
<script type="text/javascript">
$ = function(id) { return document.getElementById(id); };
var defaultSettings = chrome.extension.getBackgroundPage().defaultSettings;
var editableFields = ["scrollStepSize", "defaultZoomLevel", "excludedUrls", "linkHintCharacters",
"userDefinedLinkHintCss"];
function initializeOptions() {
populateOptions();
for (var i = 0; i < editableFields.length; i++)
$(editableFields[i]).addEventListener("keyup", onOptionKeydown, false);
$("advancedOptions").addEventListener("click", openAdvancedOptions, false);
}
function onOptionKeydown(event) {
if (event.target.getAttribute("savedValue") != event.target.value)
enableSaveButton();
}
function enableSaveButton() { $("saveOptions").removeAttribute("disabled"); }
// Saves options to localStorage.
function saveOptions() {
// If the value is unchanged from the default, delete the preference from localStorage; this gives us
// the freedom to change the defaults in the future.
for (var i = 0; i < editableFields.length; i++) {
var fieldName = editableFields[i];
var fieldValue = $(fieldName).value.trim();
var defaultFieldValue = (defaultSettings[fieldName] != null) ?
defaultSettings[fieldName].toString() : "";
if (fieldValue == defaultFieldValue)
delete localStorage[fieldName];
else
localStorage[fieldName] = fieldValue;
$(fieldName).value = fieldValue;
$(fieldName).setAttribute("savedValue", fieldValue);
}
$("saveOptions").disabled = true;
}
// Restores select box state to saved value from localStorage.
function populateOptions() {
for (var i = 0; i < editableFields.length; i++) {
$(editableFields[i]).value = localStorage[editableFields[i]] || defaultSettings[editableFields[i]] || "";
$(editableFields[i]).setAttribute("savedValue", $(editableFields[i]).value);
}
}
function restoreToDefaults() {
for (var i = 0; i < editableFields.length; i++)
$(editableFields[i]).value = defaultSettings[editableFields[i]] || "";
enableSaveButton();
}
function openAdvancedOptions(event) {
var elements = document.getElementsByClassName("advancedOption");
for (var i = 0; i < elements.length; i++)
elements[i].style.display = (elements[i].style.display == "table-row") ? "none" : "table-row";
event.preventDefault();
}
</script>
</head>
<body onload="initializeOptions()">
<h1>Vimium - Options</h1>
<table style="position:relative">
<tr>
<td class="caption">Scroll step size</td>
<td>
<input id="scrollStepSize" type="text" style="width:50px" />px
</td>
</tr>
<tr>
<td><span class="caption">Default zoom level</span></td>
<td>
<input id="defaultZoomLevel" type="text" value="100" style="width:50px" />%
</td>
</tr>
<tr>
<td colspan="3">
Excluded URLs<br/>
<div class="help">
<div class="example">
e.g. http*://mail.google.com/*<br/>
This will disable Vimium on Gmail.<br/><br/>
Enter one URL per line.<br/>
</div>
</div>
<textarea id="excludedUrls"></textarea>
</td>
</tr>
<tr>
<td colspan="3">
<a href="#" id="advancedOptions">Advanced options »</a>
</td>
</tr>
<tr class="advancedOption">
<td class="caption">Characters used<br/> for link hints</td>
<td verticalAlign="top">
<div class="help">
<div class="example">
The characters placed next to each link after typing "F" to enter link hinting mode.
</div>
</div>
<input id="linkHintCharacters" type="text" style="width:150px" />
</td>
</tr>
<tr class="advancedOption">
<td class="caption">CSS for link hints</td>
<td verticalAlign="top">
<div class="help">
<div class="example">
The CSS used to style the characters next to each link hint.<br/><br/>
Note: these styles are used in addition to and take precedence over Vimium's
default styles.
</div>
</div>
<textarea id="userDefinedLinkHintCss" type="text"></textarea>
</td>
</tr>
</table>
<div id="buttonsPanel">
<button id="restoreSettings" onclick="restoreToDefaults()">Restore to Defaults</button>
<button id="saveOptions" disabled="true" onclick="saveOptions()">Save Options</button>
</div>
<h1>Command Reference</h1>
<pre>
<c-x> is to be interpreted as ctrl + x together.
Navigating the current page:
h scroll left
j scroll down
k scroll up
l scroll right
gg scroll to top of the page
G scroll to bottom of the page
<c-d> scroll down a page
<c-u> scroll up a page
<c-f> scroll down a full page
<c-b> scroll up a full page
f activate link hints mode to open in current page
F activate link hints mode to open in new tab
r reload
gf view source
zi zoom in
zo zoom out
/ enter find mode -- type your search query and hit enter to search or esc to cancel
n cycle forward to the next find match
N cycle backward to the previous find match
i enter insert mode -- all commands will be ignored until you hit esc to exit
y copy the current url to the clipboard
Navigating your history:
ba, H go back in history
fw, fo, L go forward in history
Manipulating tabs:
J, gT go one tab left
K, gt go one tab right
t create tab
d close current tab
u restore closed tab (i.e. unwind the 'd' command)
Vimium supports command repetition so, for example, hitting '5t' will open 5 tabs in rapid
succession. ESC will clear any partial commands in the queue.
</pre>
</body>
</html>
|
