mirror of
https://github.com/GoogleChrome/chrome-extensions-samples.git
synced 2026-03-29 13:49:41 +07:00
66 lines
2.5 KiB
HTML
66 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>WebView sample</title>
|
|
<link href="index.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="section"><h2>Resize webview #1</h2>
|
|
<div class="blocks props">
|
|
<div>
|
|
<label>CSS width:</label>
|
|
<label>attribute minwidth:</label>
|
|
<label>attribute maxwidth:</label>
|
|
</div>
|
|
<div class="width">
|
|
<div class="css_value"><input type="text" value="200"/>px<input value="200" min="50" max="300" type="range"/></div>
|
|
<div class="min"><input type="text" value="0"/>px<input value="0" min="0" max="300" type="range"/></div>
|
|
<div class="max"><input type="text" value="0"/>px<input value="0" min="0" max="300" type="range"/></div>
|
|
</div>
|
|
<div>
|
|
<label>CSS height:</label>
|
|
<label>attribute minheight:</label>
|
|
<label>attribute maxheight:</label>
|
|
</div>
|
|
<div class="height">
|
|
<div class="css_value"><input type="text" value="200"/>px<input value="200" min="50" max="300" type="range"/></div>
|
|
<div class="min"><input type="text" value="0"/>px<input value="0" min="0" max="300" type="range"/></div>
|
|
<div class="max"><input type="text" value="0"/>px<input value="0" min="0" max="300" type="range"/></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="section"><h2>Messages and events to/from webview #1</h2>
|
|
<textarea></textarea>
|
|
</div>
|
|
|
|
<div class="section"><h2>Webviews</h2>
|
|
<div class="indicator"></div>
|
|
|
|
<div class="blocks webviews">
|
|
<div>
|
|
<label>(autosize=true, non-persistent)</label>
|
|
<webview id="wv1" style="width:250px; height:200px;" autosize="true"
|
|
src="https://googledrive.com/host/0B6-v_MWWvdqWSXpkMTZhQVBvMjg/page_hosted_in_external_server.html"></webview>
|
|
</div>
|
|
<div>
|
|
<label>(persistent at partition2)</label>
|
|
<webview id="wv2" style="width:250px; height:200px;"
|
|
src="https://googledrive.com/host/0B6-v_MWWvdqWSXpkMTZhQVBvMjg/page_hosted_in_external_server.html"
|
|
partition="persist:partition2"></webview>
|
|
<div class="note">try signing in at google.com, reload the app and webview 3 should be signed too,because they both share the same persistance partition</div>
|
|
</div>
|
|
<div>
|
|
<label>(persistent at partition2)</label>
|
|
<webview id="wv3" style="width:250px; height:200px;"
|
|
src="https://googledrive.com/host/0B6-v_MWWvdqWSXpkMTZhQVBvMjg/page_hosted_in_external_server.html"
|
|
partition="persist:partition2"></webview>
|
|
</div>
|
|
|
|
<script src="index.js"></script>
|
|
|
|
</body>
|
|
</html>
|