[WebApp开发]基础教程-Google官方文档-第四篇
文档内容
在Android Browser中使用控制台API
在WebView中使用控制台API
参考
调试
如果你是在为Android开发web应用,那么,你可以使用控制台(console)的JavaScript API(the console JavaScript APIs)来调试你的Javascript代码并将信息输出到logcat。如果你对使用Firebug 或 Web Inspector调试web页面比较熟悉,那么,你对使用console(比如console.log())也应该比较熟悉了。Android的Webkit框架支持大多数同样的API,因此在Android的浏览器中或者WebView中调试的时候,你可以接收来自于web页面的logs。
在Android Browser中使用控制台API
Logcat
Logcat是一个工具,用来转储(dump)系统信息日志。这些信息包括设备抛出错误时的堆栈路径,以及你的应用写下的日志信息和使用JavaScript console API写下的日志信息。
要运行logcat并查看信息,从你的Android SDK tools/目录执行adb logcat ,或者从DDMS选择 Device > Run logcat。当使用 ADT plugin for Eclipse时,你同样可以通过打开Logcat view来查看logcat信息,打开途径是 Window > Show View > Other > Android > Logcat.。
在 Debugging你可以获取更多关于<codelogcat< code=”">.</codelogcat<>的信息。
当你调用一个console函数(在DOM的window.console对象中),输出会出现在logcat中。例如:如果你的web页面执行了下面的Javascript: console.log("Hello World");
那么logcat 信息看起来就是类似于下面的样子: Console: Hello World http://www.example.com/hello.html :82
在各个信息的格式根据Android版本的不同可能看起来会有不同。在Android 2.1及更高,来自于Android Browser的console信息会标记为”browser”。在Android 1.6及更低版本,AndroidBrowser信息则是标记为”WebCore”。
Android的WebKit并没有实现在桌面版浏览器中所实现的所有console API。但是,你可以使用下面的基本的文本日志函数(text logging function):console.log(String)
console.info(String)
console.warn(String)
console.error(String)
其他一些console函数不产生错误,但是它的行为与你在其他web浏览器中预期的行为可能不一样。
在WebView中使用控制台API
如果你在应用中实现了一个定制的WebView,那么,当你在WebView中调试你的web页面的时候,所有相同的console API也是被支持的。在Android 1.6及更低版本,console信息是自动发送给logcat的,并加上了”WebCore”日志标签。如果你是为Android 2.1(API Level 7)及更高版本开发,那么就必须提供一个实现了onConsoleMessage() 回调方法的WebChromeClient,以便让console信息显示在logcat中。
另外,在API Level 7中引入的onConsoleMessage(String, int, String)方法已经弃用了,而在API Level 8中使用的是onConsoleMessage(ConsoleMessage)。
无论你是在为Android 2.1(API Level 7) 或 Android 2.2 (API Level 8 或更高)开发,你都需要实现WebChromeClient 并覆盖onConsoleMessage() 回调方法。然后,使用setWebChromeClient()将WebChromeClient应用到你的WebView 中。
如果是使用 API Level 7,那么是使用 onConsoleMessage(String, int, String)的代码看起来可能是下面这个样子:
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.setWebChromeClient(new WebChromeClient() {
public void onConsoleMessage(String message, int lineNumber, String sourceID) {
Log.d("MyApplication", message + " -- From line "
+ lineNumber + " of "
+ sourceID);
}
});
如果是使用API Level 8或更高版本, 那么你使用 onConsoleMessage(ConsoleMessage)代码看起来可能是下面的样子:
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.setWebChromeClient(new WebChromeClient() {
public boolean onConsoleMessage(ConsoleMessage cm) {
Log.d("MyApplication", cm.message() + " -- From line "
+ cm.lineNumber() + " of "
+ cm.sourceId() );
return true;
}
});
ConsoleMessage 还包括 MessageLevel来指示出发送的console 信息的类型。你可以通过 messageLevel()来查询信息层次(message level),以便确定信息重要性,然后再使用合适的Log方法或采用其他合适的行动。
无论你是使用 onConsoleMessage(String, int, String) 还是 onConsoleMessage(ConsoleMessage),当你在web页面中执行一个console方法时,Android会调用合适的 onConsoleMessage()方法,以便你能报告错误。例如,采用上面的示例代码,一个logcat信息打印出来可能是下面这个样子的: Hello World -- From line 82 of http://www.example.com/hello.html
转载于:https://www.cnblogs.com/webapplee/p/3771722.html
[WebApp开发]基础教程-Google官方文档-第四篇相关推荐
- OpenGL ES着色器语言之变量和数据类型(二)(官方文档第四章)
OpenGL ES着色器语言之变量和数据类型(二)(官方文档第四章) 4.5精度和精度修饰符 4.5.1范围和精度 用于存储和展示浮点数.整数变量的范围和精度依赖于数值的源(varying,unifo ...
- 基于vue的微信小程序开发5分钟上手教程(官方文档转)
使用手册 mpvue 继承自 Vue.js,其技术规范和语法特点与 Vue.js 保持一致. 注:其实就是官方文档,只是习惯看博文学习才直接copy过来的,详见官方文档 本文档适用于有一定 Vue.j ...
- 【goldengate】官方文档笔记四 Oracle GoldenGate实时数据分布
数据分布配置是一对多得配置方案.OGG支持将源库同步到多个目标系统. 数据分布配置需要注意事项: 如果数据传输过程中,投递进程(data pump)发现目标库网络连接出现故障,捕获到得数据会继续像其它 ...
- qnx 镜像文件_QNX开发最完整图文教程(官方文档,非官方翻译)
我一直以来,就是一个用着诺基亚的黑莓控,关注BB很久很久了.(事先说明这不是BB10的开发教程,所以大家是黑莓移动应用的开发者可以移步了,这未必是你们想要的资料.;-)在我们正式开发之前,先来闲聊放松 ...
- Android [Camera 源码] 相机 HAL3(Camera3) Google官方文档(二)
Google源码网地址链接:https://source.android.com/devices/camera 该Google Camera的文档为系列文章,文章列表: overview Camera ...
- vue基础(学习官方文档)
基础 介绍 是什么 是一套用于构建用户界面的渐进式框架 声明式渲染 <div id="app">{{ message }}</div>var app = n ...
- Swift 编程语言教程(官方文档)
Swift 编程语言中文教程 the swift programming language
- vim中文教程-来自官方文档
欢 迎 阅 读 < V I M 教 程 > -- 版本 1.7 前言: Vim 是一个具有很多命令的功能非常强大的编辑器.限于篇幅,在本教程当中就不详细介绍了.本教程的设计目标是讲述一些必 ...
- Android5更新包,Android 5.x OTA Update官方文档(四、OTA更新包解读)
http://blog.csdn.net/huangyabin001/article/details/44873753 写在前面: 写在前面:若能直译,不会意译,意译不成,为了选择不误导他人也会漏译无 ...
最新文章
- dedecms部分文章出现读取附加信息出错的解决办法
- 细说Redis分布式锁
- ISA Server实验环境搭建与企业×××配置
- 初学Java你有这些疑惑吗?本文给你几个建议
- linux 摄像头设置时间同步,linux系统设置时间同步
- opengl 教程(15) 摄像机控制(2)
- linux tomcat连接mysql步骤_Linux安装JDK 、TOMCAT 、MYSQL 步骤
- [EMNLP2017]Global Normalization of Convolutional Neural Networks for Joint Entity and Relation(阅读笔记)
- 奥图码投影连接服务器没信号,奥图码投影机常见故障维修步骤
- python timepicker_Android DatePicker和TimePicker:时间日期选择器
- python 正则re模块 group() groups()
- 网站CDN 判断 绕过方法
- 物联网、大数据和云计算的基本关系和应用
- 推荐一个好用的搜索微信公众号文章的搜索引擎
- 关于diskpart的命令问题记录
- 精工机械表 调整时间,日期和星期的方法
- 盖世神器PowerPro使用视频教程-1 程序的安装概述
- linux grub error17,Ubuntu Grub 问题:提示 error17 修复方法
- NBA球星数据可视化分析-FineBI
- python调用默认播放器_python使用Tkinter实现在线音乐播放器
热门文章
- 每天一个linux命令(14):head 命令
- 【408预推免复习】操作系统之IO层次结构和IO控制方式
- 知识星球!!!!!!
- python【蓝桥杯vip练习题库】BASIC-17矩阵乘法(枚举)
- Python程序设计题解【蓝桥杯官网题库】 DAY10-算法训练
- 网络加速_BWS2020:加速网络自治,使能敏捷商业
- docker部署python web应用_在 Docker 中运行一个 Python 的 Web 应用
- 共享经济网络营销外包下的怪兽充电冲向纳斯达克“充电宝要上市”!
- 网站推广专员浅析网站推广期间如何降低网站优化短板威胁?
- 如何规划网站设计方案让用户访问更加舒适?