文档章节

Android Web App官方文档翻译第四章:调试

k
 kim366
发布于 2016/05/13 19:17
字数 1103
阅读 1
收藏 0

Android Web App官方文档翻译第四章:调试

文档内容

在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)的代码看起来可能是下面这个样子:


    
  1. WebView myWebView = (WebView) findViewById(R.id.webview); 
  2. myWebView.setWebChromeClient(new WebChromeClient() { 
  3. public void onConsoleMessage(String message, int lineNumber, String sourceID) { 
  4. Log.d("MyApplication", message + " -- From line " 
  5. + lineNumber + " of " 
  6. + sourceID); 
  7. }); 

如果是使用API Level 8或更高版本, 那么你使用 onConsoleMessage(ConsoleMessage)代码看起来可能是下面的样子:


    
  1. WebView myWebView = (WebView) findViewById(R.id.webview); 
  2. myWebView.setWebChromeClient(new WebChromeClient() { 
  3. public boolean onConsoleMessage(ConsoleMessage cm) { 
  4. Log.d("MyApplication", cm.message() + " -- From line " 
  5. + cm.lineNumber() + " of " 
  6. + cm.sourceId() ); 
  7. return true
  8. }); 

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

【编辑推荐】

本文转载自:http://blog.csdn.net/oyangyujun/article/details/44346351

共有 人打赏支持
k
粉丝 1
博文 129
码字总数 0
作品 0
朝阳
[安卓教学] 创建你的第一个安卓应用 - 课程介绍

因为最近在写一个Android App,需要看Google的Android文档,发现他们并没有提供中文文档。感觉不是很重视中国的开发者。本着为了弘扬中国文化(不是非得英文好才能成为好开发)的态度,打算翻...

夜游长空
2014/03/18
0
0
【原创译文】深入理解Android为什么不允许Room数据库对象间(外键)引用

【原创译文】深入理解Android为什么不允许Room数据库对象间(外键)引用 译者zhangphil@csdn注:当我开始使用Android Room技术时候,Room明确禁止对象间外键引用,让我感觉不可思议,也觉得不...

开开心心过
2017/11/24
0
0
[安卓教学] 创建你的第一个安卓应用 - 第二课 - 运行你的应用

如果你按照上一课的步骤创建了一个Android项目(Android Project),这个项目包含一个类似于“Hello World”的源文件集。你将可以立即运行此应用。 如何运行你的应用由两方面决定:你是否有一...

夜游长空
2014/03/19
0
0
[安卓教学] 添加操作栏(Action Bar) - 课程介绍

操作栏是应用(App)的activity最重要的设计元素之一。它提供一些涉及用户界面的功能,通过提供跨不同应用的统一行为,将可以使你的应用让用户立即感觉熟悉。一些关键的功能包括: 为你应用的...

夜游长空
2014/03/24
0
0
从前端的角度出发 - web调起APP的

日常安利自己的Github,如果有错误或者理解不正确的地方,麻烦告知我会及时更正。同时也非常欢迎大家一起讨论。鞠躬。 Github地址:https://github.com/bsxz0604/RemarkForYouDontKnowJs (不...

Xiao呆不糊涂
08/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

WinDbg

参考来自:http://www.cnit.net.cn/?id=225 SRV*C:\Symbols*http://msdl.microsoft.com/download/symbols ctrl + d to open dump_file Microsoft (R) Windows Debugger Version 6.12.0002.633......

xueyuse0012
今天
2
0
OSChina 周五乱弹 —— 想不想把92年的萝莉退货

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @罗马的王:分享松澤由美的单曲《地球ぎ》 很久没看圣斗士星矢了 《地球ぎ》- 松澤由美 手机党少年们想听歌,请使劲儿戳(这里) @开源中国首...

小小编辑
今天
14
1
springBoot条件配置

本篇介绍下,如何通过springboot的条件配置,控制Bean的创建 介绍下开发环境 JDK版本1.8 springboot版本是1.5.2 开发工具为 intellij idea(2018.2) 开发环境为 15款MacBook Pro 前言 很多时候,...

贺小五
今天
1
0
javascript source map 的使用

之前发现VS.NET会为压缩的js文添加一个与文件名同名的.map文件,一直没有搞懂他是用来做什么的,直接删除掉运行时浏览器又会报错,后来google了一直才真正搞懂了这个小小的map文件背后的巨大...

粒子数反转
昨天
1
0
谈谈如何学Linux和它在如今社会的影响

昨天,还在农耕脑力社会,今天已经人工智能技术、大数据、信息技术的科技社会了,高速开展并迅速浸透到当今科技社会的各个方面,Linux日益成为人们信息时代的到来,更加考验我们对信息的处理程...

linux-tao
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部