Android 获取浏览器当前分享页面的截屏

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 我们并不知道,那怎么办呢?打断点啊!

2017-02-20 下午7.02.02

通过断点查看 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 大展拳脚的时间。

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

通过与第一幅图对比,发现下标为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();
   }
}

运行结果如下:
screenshot w300

对于获取 Chrome 浏览器分享页面的截屏就告一段落,闲着没事,自己又测试了几个浏览器,包括系统内置浏览器、QQ浏览器、UC浏览器、百度浏览器、火狐浏览器,发现每个浏览器的差异很大。

  • 系统浏览器、UC浏览器与 Chrome 相差不大,只是 key 变成了 share_full_screenfile
  • QQ浏览器的分享行为与分享文件很相似,其 key 为 android.intent.extra.STREAM(Intent.EXTRA_STREAM)。
  • 百度浏览器是个什么鬼就不知道了,默默的把应用图标给分享过来了
  • 火狐浏览器不支持分享页面截图

恩,就这么多,获取浏览器分享页面截屏主要还是靠浏览器的支持,真的市面上这么多浏览器适配起来还真麻烦。这次主要对 Android Studio 强大的 Debug功能进行了学习。PS:Android Studio真是极其强大的工具,用好它事半功倍,唯一不足的就是太耗性能。

Demo 代码传送门

posted @ 2017-02-20 19:46  登天路  阅读(1430)  评论(0编辑  收藏  举报