logline
Version:
logging the frontend
64 lines (61 loc) • 2.46 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<title>Logline with requirejs</title>
</head>
<body>
<h1>请打开开发者工具的Application标签</h1>
<div class="box">
<form name="form" class="form">
<div><span>namespace:</span><input type="text" name="namespace" placeholder="输入命名空间或者模块名"></div>
<div>
<span>level:</span>
<select name="level">
<option value="info">info</option>
<option value="warn">warn</option>
<option value="error">error</option>
<option value="critical">critical</option>
</select>
</div>
<div><span>descriptor:</span><input type="text" name="descriptor" placeholder="输入描述符"></div>
<div><span>data:</span><input type="text" name="data" placeholder="输入日志描述或者附加数据"></div>
<div>
<span></span>
<input type="submit" value="添加" id="add"/>
<input type="button" value="清空" id="keep"/>
<input type="button" value="删除数据库" id="clean"/>
</div>
</form>
</div>
<article>
</article>
<link rel="stylesheet" href="./style.css"/>
<script src="http://apps.bdimg.com/libs/require.js/2.1.11/require.min.js"></script>
<script>
requirejs.config({
shim: {
'main': {
deps: ['../dist/logline'],
exports: 'test'
}
}
});
require(['../dist/logline', './main'], function(Logline, test) {
window.Logline = Logline;
if (Logline.PROTOCOL.INDEXEDDB.support) {
test('indexeddb');
} else if (Logline.PROTOCOL.WEBSQL.support) {
test('websql');
} else {
test('localstorage');
}
});
</script>
</body>
</html>