mirror of
https://github.com/GoogleChrome/chrome-extensions-samples.git
synced 2026-03-28 13:39:44 +07:00
99 lines
3.2 KiB
HTML
99 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html class="trim full">
|
|
<head>
|
|
<link rel="stylesheet" href="browser.css">
|
|
<script src="config.js"></script>
|
|
<script src="popup.js"></script>
|
|
<script src="context_menu.js"></script>
|
|
<script src="tabs.js"></script>
|
|
<script src="find_box_controller.js"></script>
|
|
<script src="zoom_box_controller.js"></script>
|
|
<script src="exit_box_controller.js"></script>
|
|
<script src="permission_box_controller.js"></script>
|
|
<script src="browser.js"></script>
|
|
<script src="browser_main.js"></script>
|
|
</head>
|
|
<body class="trim full">
|
|
<div id="controls">
|
|
|
|
<div id="tab-controls">
|
|
<ul id="tab-container">
|
|
<li id="new-tab"><a href="#new-tab">+</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="browser-controls">
|
|
<button id="back" title="Go Back">◀</button>
|
|
<button id="forward" title="Go Forward">▶</button>
|
|
<button id="home" title="Go Home">⌂</button>
|
|
<button id="reload" title="Reload">⟳</button>
|
|
|
|
<form id="location-form">
|
|
<div id="center-column">
|
|
<input id="location" type="text" value="">
|
|
</div>
|
|
<input type="submit" value="Go">
|
|
</form>
|
|
|
|
<button id="zoom" title="Change Zoom">🔎</button>
|
|
<button id="find" title="Find in Page">🔦</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="zoom-box">
|
|
<form id="zoom-form">
|
|
<input id="zoom-text" type="text">
|
|
<input type="submit" value="🔎">
|
|
<button id="zoom-in">➕</button>
|
|
<button id="zoom-out">➖</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="find-box">
|
|
<form id="find-form">
|
|
<input id="find-text" type="text">
|
|
<div id="find-results"></div>
|
|
<input type="submit" style="position:absolute; visibility:hidden">
|
|
<button id="match-case">aA</button>
|
|
<button id="find-backward"><</button>
|
|
<button id="find-forward">></button>
|
|
</form>
|
|
</div>
|
|
<div id="exit-box">
|
|
<h2> Browser Exit? </h2>
|
|
<h3> Do you really want to exit browser? </h3>
|
|
<button id="exit-yes" class="req-exit-button" tabindex="2"> Yes </button>
|
|
<button id="exit-no" class="req-exit-button" tabindex="4"> No </button>
|
|
</div>
|
|
|
|
<div id="permission-box">
|
|
<span id="question"></span>
|
|
<button id="allow" class="req-permission-button"> Permit </button>
|
|
<button id="deny" class="req-permission-button"> Stop </button>
|
|
</div>
|
|
|
|
<div id="content-container">
|
|
</div>
|
|
|
|
<div id="lightbox-overlay" class="full trim abs abs-full lightbox-overlay hide">
|
|
</div>
|
|
|
|
<div id="lightbox" class="full trim abs abs-full flex-container column center hide">
|
|
<div class="flex flex-container row center">
|
|
<div class="flex flex-container column center lightbox">
|
|
<h1 class="flex center-text">Chrome Feature Not Supported</h1>
|
|
<div class="flex center-text">
|
|
The feature highlighted by this sample app is not supported in
|
|
your version of Chrome. Make sure your browser is up to date. If
|
|
you still see this message after updating your browser, try
|
|
installing
|
|
a <a href="http://www.chromium.org/getting-involved/dev-channel"
|
|
target="_blank">dev channel</a> build of Chrome.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|