zoukankan      html  css  js  c++  java
  • 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 代码传送门

  • 相关阅读:
    ngix反向代理-之反向
    redux和flux究竟有什么不同, 说点自己的理解
    npm发包记录
    由一个聚焦-focus-事件异常跟踪引起的总结
    git查看分支的几个方法
    test-your-mind-快速测试自己的代码
    contos7 yum安装php7.2与swoole (2)
    php_ thinkphp 时间回滚
    30个php操作redis常用方法代码例子
    redis_php 安装与卸载
  • 原文地址:https://www.cnblogs.com/travellife/p/Android-huo-qu-liu-lan-qi-dang-qian-fen-xiang-ye-m.html
Copyright © 2011-2022 走看看