console.re 最方便的js log服務
前文提到在手機微信上除錯程式碼很痛苦,看不到日誌。為了看到日誌,得把日誌發到伺服器,再搞個東西看伺服器上的日誌。console.re 就是這麼一個服務。
主要使用步驟如下:
- 在html檔案中引入
<script src="http://console.re/connector.js" data-channel="<your-channel-name>" id="consolerescript"></script>
- 用
console.re.log('...');
記錄日誌 - 開啟 http://console.re/ 看日誌
例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>logtest</title>
<script src="http://console.re/connector.js" data-channel="trylog" id="consolerescript"></script>
</head>
<body>
<h1>See the log: <a href="http://console.re/trylog" target="_blank">http://console.re/trylog</a></h1>
<h1><a href="javascript:test()">click me to add log</a></h1>
<script>
function test(){
console.re.log('remote log test');
return false;
}
</script>
</body>
</html>
寫了個wrapper。根據是否有console.re來呼叫log。方便除錯。
window.log = function(){
if(console.re){
console.re.log.apply(console.re,arguments);
}else{
console.log.apply(console,arguments);
}
};
相關文章
- syslog:類Unix系統常用的log服務
- log4js快速寫一個Node服務訪問日誌JS
- 最方便的ICON、PNG轉換工具
- 雲端日誌服務——UPLOG的實現
- syslog協議及rsyslog服務全解析協議
- AngularJS教程五—— 服務AngularJS
- Laravel Exception結合自定義Log服務的使用LaravelException
- 免費JSON格式的服務介面JSON
- NodeJs服務註冊與服務發現實現NodeJS
- 菜鳥學資料庫(六)——方便快捷的開啟、關閉Oracle服務資料庫Oracle
- 使用Dockerfile部署nodejs服務DockerNodeJS
- AngularJS 4(四)【HTTP 服務】AngularJSHTTP
- NestJS搭建前端路由服務JS前端路由
- nodejs訪問WCF服務NodeJS
- 走進AngularJs(六) 服務AngularJS
- Node.js 建立MySql服務Node.jsMySql
- zabbix active 動作配置(當weblogic服務存在問題,執行指令碼重啟weblogic服務)Web指令碼
- 資深架構師的 AngularJS服務架構AngularJS
- Windows 下配置 Logstash 為後臺服務Windows
- secondary logon服務怎麼開啟?Win10系統secondary logon服務的開啟步驟GoWin10
- Node.js 服務連線 MySQLNode.jsMySql
- nestjs搭建HTTP與WebSocket服務JSHTTPWeb
- Node.js搭建Https服務Node.jsHTTP
- angularjs 錨點操作服務 $anchorScrollAngularJS
- AngularJS教程二十—— 內建服務AngularJS
- node.js啟動http服務Node.jsHTTP
- ***PHP請求服務curl以及json的解析PHPJSON
- 用dom4j,解析xml 最好、最方便!XML
- 如何控制開放HTTPS服務的weblogic伺服器HTTPWeb伺服器
- ThinkJS 和 Sprite.js 服務端渲染實踐JS服務端
- 阿里雲Kubernetes容器服務Istio實踐之整合日誌服務Log Service阿里
- Nuxt.js服務端渲染入門UXJS服務端
- 淺談NodeJS搭建GraphQL API服務NodeJSAPI
- Nodejs 使用 ZooKeeper 做服務發現NodeJS
- Node.js + Nginx 部署 HTTPS 服務Node.jsNginxHTTP
- [NODEJS]後臺執行某服務NodeJS
- GraphQL.js 與服務端互動的新方式JS服務端
- AngularJS服務中serivce,factory,provider的區別AngularJSIDE