89 lines
1.9 KiB
HTML
89 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta content="width=device-width,initial-scale=1.0" name="viewport">
|
|
</head>
|
|
<style>
|
|
@keyframes wobble {
|
|
0% {
|
|
transform: scale(0.1);
|
|
opacity:0.0
|
|
}
|
|
100% {
|
|
transform: scale(1.0);
|
|
opacity:1.0
|
|
}
|
|
}
|
|
</style>
|
|
<body>
|
|
<h1>Webview</h1>
|
|
Test page
|
|
<br>
|
|
<div ID=counter1></div>
|
|
<br>
|
|
<div ID=counter2></div>
|
|
<noscript>
|
|
<h2> no javascript </h2>
|
|
</noscript>
|
|
<script>
|
|
|
|
let i = 0;
|
|
|
|
var webMessagePort;
|
|
|
|
function SendMessageToC() {
|
|
if( webMessagePort )
|
|
{
|
|
webMessagePort.postMessage( "js->c: " + i );
|
|
document.getElementById( "counter1" ).innerHTML = i++;
|
|
}
|
|
else
|
|
{
|
|
document.getElementById( "counter1" ).innerHTML = "no port connected";
|
|
}
|
|
}
|
|
|
|
onmessage = function (e) {
|
|
webMessagePort = e.ports[0];
|
|
|
|
webMessagePort.onmessage = function (f)
|
|
{
|
|
document.getElementById( "counter2" ).innerHTML = f.data;
|
|
}
|
|
}
|
|
|
|
</script>
|
|
<script>
|
|
window.addEventListener("load",()=>{
|
|
document.body.style.backgroundColor="#ffa";
|
|
},false);
|
|
|
|
setTimeout(()=>{
|
|
window.addEventListener("error",(error)=>{
|
|
document.body.innerHTML = "<h1>aerror</h1><pre>" +
|
|
error.filename +
|
|
"\nline:" + error.lineno +
|
|
"\n"+error.message +"</pre>";
|
|
},false);
|
|
},10000);
|
|
|
|
|
|
|
|
// window.addEventListener("load",()=>{
|
|
// var count;
|
|
// if( localStorage){
|
|
// count = localStorage.getItem("app-opened-count")|| 0;
|
|
// count++;
|
|
// localStorage.setItem("app-opened-count",count);
|
|
// } else {
|
|
// count = "NO LOCALSTORAGE SETUP"
|
|
// }
|
|
// var h2 = document.createElement("h2");
|
|
// h2.textContent = "Javascript works! (app was opened " + count + " times)";
|
|
// h2.style.animation="wobble 1s ease-in-out 0s 1 forwards normal running"
|
|
// document.body.appendChild(h2);
|
|
// },false);
|
|
</script>
|
|
</body>
|
|
</html>
|