-
Notifications
You must be signed in to change notification settings - Fork 151
/
option.html
104 lines (92 loc) · 4.68 KB
/
option.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
/*!
* CSSViewer, A Google Chrome Extension for fellow web developers, web designers, and hobbyists.
* https://github.com/cssviewer/cssviewer
* https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce
*
* This source code is licensed under the GNU General Public License,
* Version 2. See the file COPYING for more details.
*
* Html and css of this page is questionable, ik. I'm a developer, aright.
*/
//-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSSViewer</title>
</head>
<body>
<center>
<table width="910" border="0">
<tr>
<td>
<h2 style="font-size: 1.2em;font-family: Arial,sans-serif;padding: .5em 0 .5em ;">CSSViewer Extension 1.7</h2>
<p align="justify">
CSSViewer is a simple CSS property viewer for Google chrome originally made by <a href="https://addons.mozilla.org/en-US/firefox/user/9866/" target="_blank">Nicolas Huon</a> as a FireFox addon.
<br />
<br />
CSSViewer source code is publicly available on GitHub for anyone to help and contribute. <br />
<a href="https://github.com/miled/cssviewer" target="_blank">https://github.com/miled/cssviewer</a>.
</p>
<br />
<img style="border: 1px solid #DDDDDD;margin: 5px;padding:0px;" src="img/option-demo.gif" align="right" />
<h4 style="font-size: 0.9em;font-family: Arial,sans-serif;padding: 0;margin:0;">How to use :</h4>
<ul>
<li>CSSViewer shows the css parameters of any element in a web page. To enable/disable CSSViewer, simply click the toolbar icon and then hover any element on you want to inspect in current page.<br /><br /></li>
<li>For quick usage you may use the available keyboard shortcuts:
<br />
<br /> [<b>f</b>] Freeze/Unfreeze the widget in place,
<br /> [<b>c</b>] Shows selected element simpleCssDefinition on a modal, and
<br /> [<b>esc</b>] Disable the viewer.
<br />
<br />
</li>
<li>To display the CSS definition, open Google Chrome console [F12] then right click on the element you're hovering:
<br />
<br /> <b>CSSViewer console</b> > <b>element.simpleCssDefinition</b>.
</li>
</ul>
<p>Note that the menu will only show up when you enable CSSViewer and will only work on the page you're inspecting. Also, CSSViewer will only work on http, https and local pages.</p>
<h4 style="font-size: 0.9em;font-family: Arial,sans-serif;padding: 1em 0 0;margin-bottom:5px;">Privacy :</h4>
<p align="justify">
In order to work properly, CSSViewer requires the permission to access to your history and website data.
However, CSSViewer do not collect nor will ever transmit any of your private data.
<!-- .. besides, I couldn't care less about your data p -->
</p>
<h4 style="font-size: 0.9em;font-family: Arial,sans-serif;padding: 1em 0 0;margin-bottom:5px;">How to uninstall :</h4>
<ol>
<li>Click the wrench icon on the browser toolbar.</li>
<li>Click <strong>Tools</strong>.</li>
<li>Select <strong>Extensions</strong>.</li>
<li>Find the CSSViewer extension then click <strong>Uninstall</strong>.</li>
</ol>
<h4 style="font-size: 0.9em;font-family: Arial,sans-serif; ">Changelog:</h4>
<div style="margin-left:15px">
<strong>1.7</strong>: 04/2017 - Add keyboard shortcuts and enable the viewer for local files.<br />
<strong>1.6</strong>: 11/2014 - Add inspect element to menu. Add generate css definition. Fix few issues with auto-positioning. reFix an issue with chrome/38.<br />
<strong>1.5</strong>: 10/2015 - Hotfix an issue with Chrome/38.0.2125.101.<br />
<strong>1.4</strong>: 02/2013 - A bunch of minor changes in order to release CSSViewer as an open source project at <a href="https://github.com/miled/cssviewer" target="_blank">Github</a>.<br />
<strong>1.3</strong>: 08/2011 - Support some CSS3 properties under the "Effects' category.<br />
<strong>1.2</strong>: 07/2011 - Fix some minor bugs.<br />
<strong>1.1</strong>: 03/2010 - Initial version.<br />
</div>
<h4 style="font-size: 0.9em;font-family: Arial,sans-serif; ">Known Issues:</h4>
<div style="margin-left:15px">
CSSViewer will not work in any opened tabs before installing it nor in the Google chrome store.<br />
The style may broke sometimes depending on the site you are surfing.<br />
</div>
<br />
<hr />
<p align="justify">
<em>CSSViewer automatically display this page when the extension is updated to a new version.</em>
</p>
<p align="justify">
<em>This chrome extension is a straight port of the Firefox CSSViewer add-on with minor enhancements. Credits goes to the original developer and contributors.</em>
</p>
</td>
</tr>
</table>
</center>
</body>
</html>