Skip to content

Instantly share code, notes, and snippets.

@rhelmer
Last active November 21, 2019 16:51
Show Gist options
  • Save rhelmer/0ca21404682ac5ee1c9a9cf05aa74ded to your computer and use it in GitHub Desktop.
Save rhelmer/0ca21404682ac5ee1c9a9cf05aa74ded to your computer and use it in GitHub Desktop.
devbrowser
diff --git a/browser/moz.build b/browser/moz.build
index 76c61a7ef443..8c903a811bb1 100644
--- a/browser/moz.build
+++ b/browser/moz.build
@@ -36,6 +36,7 @@ if CONFIG['MAKENSISU']:
TEST_DIRS += [
'tools/mozscreenshots',
+ 'tools/devbrowser',
]
DIST_SUBDIR = 'browser'
diff --git a/browser/tools/devbrowser/content/assets/back.svg b/browser/tools/devbrowser/content/assets/back.svg
new file mode 100644
index 000000000000..b0d920d993a2
--- /dev/null
+++ b/browser/tools/devbrowser/content/assets/back.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+ <path fill="context-fill" fill-opacity="context-fill-opacity" d="M15,7H3.414L7.707,2.707A1,1,0,0,0,6.293,1.293l-6,6a1,1,0,0,0,0,1.414l6,6a1,1,0,0,0,1.414-1.414L3.414,9H15a1,1,0,0,0,0-2Z"/>
+</svg>
diff --git a/browser/tools/devbrowser/content/assets/forward.svg b/browser/tools/devbrowser/content/assets/forward.svg
new file mode 100644
index 000000000000..334b42503a05
--- /dev/null
+++ b/browser/tools/devbrowser/content/assets/forward.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+ <path fill="context-fill" fill-opacity="context-fill-opacity" d="M15.707,7.293l-6-6A1,1,0,0,0,8.293,2.707L12.586,7H1A1,1,0,0,0,1,9H12.586L8.293,13.293a1,1,0,1,0,1.414,1.414l6-6A1,1,0,0,0,15.707,7.293Z"/>
+</svg>
diff --git a/browser/tools/devbrowser/content/assets/menu.svg b/browser/tools/devbrowser/content/assets/menu.svg
new file mode 100644
index 000000000000..86f38be5e4da
--- /dev/null
+++ b/browser/tools/devbrowser/content/assets/menu.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+ <path fill="context-fill" fill-opacity="context-fill-opacity" d="M3,4H13a1,1,0,0,0,0-2H3A1,1,0,0,0,3,4ZM13,7H3A1,1,0,0,0,3,9H13a1,1,0,0,0,0-2Zm0,5H3a1,1,0,0,0,0,2H13a1,1,0,0,0,0-2Z"/>
+</svg>
diff --git a/browser/tools/devbrowser/content/assets/reload.svg b/browser/tools/devbrowser/content/assets/reload.svg
new file mode 100644
index 000000000000..1726491afeb8
--- /dev/null
+++ b/browser/tools/devbrowser/content/assets/reload.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+ <path fill="context-fill" fill-opacity="context-fill-opacity" d="M15,1a1,1,0,0,0-1,1V4.418A6.995,6.995,0,1,0,8,15a6.954,6.954,0,0,0,4.95-2.05,1,1,0,0,0-1.414-1.414A5.019,5.019,0,1,1,12.549,6H10a1,1,0,0,0,0,2h5a1,1,0,0,0,1-1V2A1,1,0,0,0,15,1Z"/>
+</svg>
diff --git a/browser/tools/devbrowser/content/assets/stop.svg b/browser/tools/devbrowser/content/assets/stop.svg
new file mode 100644
index 000000000000..f4bf4188c490
--- /dev/null
+++ b/browser/tools/devbrowser/content/assets/stop.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+ <path fill="context-fill" fill-opacity="context-fill-opacity" d="M9.414 8l5.293-5.293a1 1 0 0 0-1.414-1.414L8 6.586 2.707 1.293a1 1 0 0 0-1.414 1.414L6.586 8l-5.293 5.293a1 1 0 1 0 1.414 1.414L8 9.414l5.293 5.293a1 1 0 0 0 1.414-1.414z"/>
+</svg>
diff --git a/browser/tools/devbrowser/content/devbrowser.xhtml b/browser/tools/devbrowser/content/devbrowser.xhtml
new file mode 100644
index 000000000000..41d045a5cc00
--- /dev/null
+++ b/browser/tools/devbrowser/content/devbrowser.xhtml
@@ -0,0 +1,33 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html width="1024" height="768"
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ xml:lang="en" lang="en">
+ <head>
+ <title>devbrowser</title>
+ <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+ <link rel="stylesheet" type="text/css" href="devbrowser.css" media="screen" />
+ </head>
+ <body>
+ <div id="controls">
+ <button id="back"><img src="assets/back.svg" alt="Back button"/></button>
+ <button id="forward"><img src="assets/forward.svg" alt="Forward button"/></button>
+ <button id="reload"><img id="reload-image" src="assets/reload.svg" alt="Reload button"/></button>
+ <input id="addressbar" autofocus="true"></input>
+ <button id="menu"><img src="assets/menu.svg" alt="Menu button"/></button>
+ </div>
+
+ <nav id="menu_popup">
+ <ol>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ </ol>
+ </nav>
+
+ <div id="browser_container"></div>
+
+ <script type="text/javascript" src="devbrowser.js"></script>
+ </body>
+</html>
diff --git a/browser/tools/devbrowser/jar.mn b/browser/tools/devbrowser/jar.mn
new file mode 100644
index 000000000000..f1ed6be9f443
--- /dev/null
+++ b/browser/tools/devbrowser/jar.mn
@@ -0,0 +1,16 @@
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+# FIXME only for local builds
+browser.jar:
+% content devbrowser %content/devbrowser/
+ content/devbrowser/devbrowser.xhtml (content/devbrowser.xhtml)
+ content/devbrowser/devbrowser.css (content/devbrowser.css)
+ content/devbrowser/devbrowser.js (content/devbrowser.js)
+
+ content/devbrowser/assets/back.svg (content/assets/back.svg)
+ content/devbrowser/assets/forward.svg (content/assets/forward.svg)
+ content/devbrowser/assets/reload.svg (content/assets/reload.svg)
+ content/devbrowser/assets/stop.svg (content/assets/stop.svg)
+ content/devbrowser/assets/menu.svg (content/assets/menu.svg)
diff --git a/browser/tools/devbrowser/moz.build b/browser/tools/devbrowser/moz.build
new file mode 100644
index 000000000000..aac3a838c4c2
--- /dev/null
+++ b/browser/tools/devbrowser/moz.build
@@ -0,0 +1,7 @@
+# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
+# vim: set filetype=python:
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+JAR_MANIFESTS += ['jar.mn']
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment