Android 获取浏览器当前分享页面的截屏
版权声明:本文为博主原创文章,未经博主允许不得转载。
微博:厉圣杰
源码:AndroidDemo/BrowserScreenShotActivity
文中如有纰漏,欢迎大家留言指出。
今天在项目中碰见这么一个需求:获取 Chrome 浏览器分享时,页面的截屏。静下来一想,既然是分享,那么肯定得通过 Intent 来传递数据,如果真的能获取到 Chrome 分享页面时的截屏,那么 Intent 的数据中,一定有 .jpg
或者 .png
结尾的数据。说干就干,Demo 写起来。
首先,新建一个 BrowserScreenShotActivity.java
,在 AndroidManifest.xml
注册一下 <intent-filter>
。
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.littlejie.demo">
<!-- 读写权限 -->
<!-- 用于读取浏览器分享时生成的屏幕截图 -->
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<application
android:name=".modules.DemoApplication"
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<!-- some other thing -->
<!-- 注册 Intent,用于接受浏览器分享 -->
<activity
android:name=".modules.advance.BrowserScreenShotActivity"
android:launchMode="singleTask">
<intent-filter>
<action android:name="android.intent.action.SEND"/>
<!-- 发送多个数据 -->
<action android:name="android.intent.action.SEND_MULTIPLE"/>
<category android:name="android.intent.category.DEFAULT"/>
<data android:mimeType="*/*"/>
</intent-filter>
</activity>
</application>
</manifest>
接下去,在浏览器中随便打开一个页面,分享至 Demo,这里有个问题,就是:屏幕截图数据在 Intent 中对应的 Key 我们并不知道,那怎么办呢?打断点啊!

通过断点查看 Intent 的数据结构,发现 Intent 中的 mMap 成员变量含有一个 Uri,格式如下:content://com.android.chrome.FileProvider/BlockedFile_33215122012582
,一眼看去就猜测这个 Uri 是 Chrome 通过 ContentProvider 供其他程序调用的,虽然与一开始猜测有已 .jpg 和 .png 结尾的数据不太一致,但好歹是有所发现。
恩,现在还有一个问题,那就是 mMap.value[3]
对应的 key 值是多少?在上述断点界面根本就差看不到,但是 Android Studio 是很强大的,只是你没发现而已,既然 mMap 是一个 Map,那么久能通过 keySet()
方法获取 Map 的 key。接下来就是 Android Studio 大展拳脚的时间。

如上图所示的,在 Debug 界面,点击最后一个图标:Evaluate Expression(快捷键:option + f8)。在弹出的对话框中输入如下内容,回车,你会发现 Map 的 key 都出来了:

通过与第一幅图对比,发现下标为3的值(share_screenshot_as_stream)为我们需要的 key。
布局比较简单,这里就不贴了,简单截取 BrowserSrceenShotActivity.java
中的代码:
@Override
protected void onResume() {
super.onResume();
if (getIntent() == null) {
return;
}
Uri screenShot = getIntent().getExtras().getParcelable("screen_shot_as_stream");
if (screenShot == null) {
ToastUtil.showDefaultToast("获取浏览器截屏失败~");
return;
}
try {
//授权Uri的读取权限
//若不授权,在 Android 6.0 以上测试崩溃
//https://thinkandroid.wordpress.com/2012/08/07/granting-content-provider-uri-permissions/
//第一个参数为需要授权的apk包名
grantUriPermission("com.littlejie.demo", screenShot, Intent.FLAG_GRANT_READ_URI_PERMISSION);
//通过 Uri 获取截屏图片的输入流
InputStream is = getContentResolver().openInputStream(screenShot);
mIvScreenShot.setImageBitmap(BitmapFactory.decodeStream(is));
} catch (FileNotFoundException e) {
e.printStackTrace();
}
}
运行结果如下:

对于获取 Chrome 浏览器分享页面的截屏就告一段落,闲着没事,自己又测试了几个浏览器,包括系统内置浏览器、QQ浏览器、UC浏览器、百度浏览器、火狐浏览器,发现每个浏览器的差异很大。
- 系统浏览器、UC浏览器与 Chrome 相差不大,只是 key 变成了
share_full_screen
和file
- QQ浏览器的分享行为与分享文件很相似,其 key 为
android.intent.extra.STREAM
(Intent.EXTRA_STREAM)。 - 百度浏览器是个什么鬼就不知道了,默默的把应用图标给分享过来了
- 火狐浏览器不支持分享页面截图
恩,就这么多,获取浏览器分享页面截屏主要还是靠浏览器的支持,真的市面上这么多浏览器适配起来还真麻烦。这次主要对 Android Studio 强大的 Debug功能进行了学习。PS:Android Studio真是极其强大的工具,用好它事半功倍,唯一不足的就是太耗性能。