我的浏览器 – 可个性化的自定义浏览器

背后的历史故事

说起我的浏览器，那是2015年春天刚过完没多久，正值5月底，依稀还记得那时我是住在民生路的羽北小区，因为那时刚搬去新房子不久，刚在淘宝上买的墙纸与壁画贴上不久，一个人在一个还算蛮温馨房间里，带着欣慰的心情独自坐一台山寨的iMac前，思索着接下来打算做点什么。

记得当时到公司有大半年了，做的不是浏览器项目，后来有leader说后期会让我做浏览器，所以当时就开始研究起了浏览器。做浏览器，当时有两种核心组件可并行的用，市面上主流的都是基于UIWebView，因为坑少，也成熟用了很多年了。部分浏览器从iOS8开始采用WKWebView核心，因为用WKWebView核心加载网页比UIWebView核心快太多。但WKWebView当时作为一个新事物坑还是比较多的。

2014年10月那次苹果推出了iOS8，对我来说iOS8有两个非常重要的新东西，一个是WKWebView，一个是Keyboard Extension。可幸的是我都接触了，而且应用它们都做了优秀的App，而我的浏览器就主要基于这个WKWebView构建的。

我的浏览器前期也兼容了两种核心，其实当时我并没有想要自己做一款浏览器的想法，只是为以研究做浏览器，比较好做法是自己写一个实现一遍。心想虽然这样会比较累，但这样对我来说成效是最大的。因为当前公司的浏览器项目确实有点臃肿，依赖于之上的业务也多。所以怀着对自己的信任，为了技术热情与理想，重新架构设计，从零开始重新写一个轻量的Demo浏览器。

当时重新写时，首先就用UIWebView做了一遍，顺便熟悉了WebViewJavascriptBridge的用法，发现没有想象的那么困难，因为能在UIWebView上可做的事情挺多的，都还挺顺畅的，也不麻烦，很快就实现了一个基于UIWebView的浏览器，主要是支持多窗口，有历史与书签管理。

后来参考了github诸多案例后，就想做一个既兼容UIWebView又兼容WKWebView的WebView组件，最后实现下来，发现总还是免不了逻辑和代码变得更复杂了，变得更加难以维护，问题复杂化了，后面不断的功能变更与版本迭代时问题太多，得不尝失。做一个同时兼容UIWebView和WKWebView的XXWebView组件不合理，成本太高，现在我github的MyBrowser的master分支上还保留着，只是没维护了。

不知道什么时候，可能是熟悉WKWebView后，了解他更多的特性与优点后，就比较排斥再用UIWebView了。所以就想着把之前做的半拉子的Demo浏览器进一步优化完善，直至后来新开git分支完全用WKWebView实现，把与UIWebView相关代码与逻辑都删除了。终于解脱了，至少我自己有一个App不用再在为了UIWebView与WKWebView之间的兼容性来回折腾了。

最后再解释一下这个浏览器为什么叫『我的浏览器』，因为当时我做它的时候，想到的只是给自己做的用的，一时没想到特别好的名字，就叫了这个名字，以突显这是我的浏览器，我的个性化浏览器，那时多少有一点装B的意思。

好了，废话已经写了很多了，下面具体介绍我的浏览器吧。

先上几张浏览器的效果图：

基本功能介绍

我的浏览器的特点是极简、极轻、可自定义。功能多又能体积小，一个重要原因是基本上不添加第3方库，所有的功能模块基本都用系统原生支持的或是自己亲手编写实现。所以安装包在5M以内，即便是3x（3x图大）屏幕的设备安装包也在8M左右。

自动全屏

自动全屏功能让我们在看浏览内容时能更加全神贯注于内容本身；我的浏览器在向上滑动内容时会自动隐藏顶部导航条与底部工具栏，从而为主体内容预留出更多展现空间。

夜间模式 & 无图模式

开启夜间模式可有效降低屏幕亮度保护我们的眼睛；

无图模式可以屏蔽掉网页中的图片；

广告拦截

广告拦截让网页更干净；页面加载更加迅速；

多窗口、书签管理

多窗口、书签管理、历史记录、清除痕迹作为一款浏览器必有的功能，所以我的浏览器也必须加上了。

扫描二维码

每想到Safari没有扫描二维码的功能，就感觉这是一个极大的缺陷，浏览器没有扫描二维码太不方便了。

网页截图

用我的浏览器打开网页后，双指长按页面可以对打开的网页进行选取区域截图，并可以进行分享保存。

网页导出成PDF

有时候我们想在手机保存我们浏览的网页，并且适配手机屏幕，还是一件挺麻烦的事情，而我的浏览器就可以轻松的把浏览过的网页导出成pdf文件。

高级功能介绍

高级功能对于专业的朋友来说，可做的事情就有很多了，可以更大程度上玩转我的浏览器。

强大的ShareExtension

我的浏览器的ShareExtension之强大，不但可以将其他App的网址链接用我的浏览器打开，还支持其他任何格式文件导入到我的浏览器，使用我的浏览器打开。

比如可以导入音视频文件放到内置的站点上，实现手机上在线播放或分享文件给局域网内的好友。

又比如可以把微信或QQ收到的word、excel、ppt、key或pdf等文件用其他应用程序打开，选择我的浏览器导入，放到内置的站点上供自己或局域网内的好友在线浏览下载。

自定义首页配置

我的浏览器的配置文件都在web容器的Config目录下，用户可以修改HomeContent.json文件内容来自定义浏览器首页。打开我的浏览器，点击默认首页上的『Web Server』,即可打开Web容器的主目录，主目录下默认有一个Config文件夹。

首页的展示的数据来源于HomeContent.json，每一项UI对应于HomeContent.json的数据项，类型支持4种，分别为：TextIcon，Text，Search，WebServer。

通过Web DAV或者Web Uploader上传自定义的HomeContent.json文件替换掉Config目录中老的Homecontent.json文件即可自定义浏览器首页。（注意这里要确保json文件格式正确哦）

自定义广告拦截的规则

我们可以在web容器的Config目录下修改AdblockRules.txt文件内容来添加或修改广告拦截的规则，修改规则后重启浏览器即可马上生效；建意拦截规则不要添加太多，超过3万条就会影响网页的加载速度或部分网页的会被误拦截。

完整版的EasyList中国区规则列表  https://easylist-downloads.adblockplus.org/easylistchina+easylist.txt

撰写 Adblock Plus 过滤规则,可参考：https://adblockplus.org/filters

内置静态WebServer

默认的首页有个打开WebServer的入口，那个『Web Server』链接项就是了。内置静态的WebServer,支持在手机上搭建简单的静态web站点。我们可向Web容器上传或导入文件或文件夹。

内置的Web Uploader

内置的Web Uploader 可以直接在浏览器里管理Web容器里的文件，包括上传文件到Web容器，或移动、删除或新建文件夹等操作。

使用Web Uploader，我们可以在手机上添加、移动、删除及重名命文件夹，也可以上传、移动、删除及重命名文件。

内置Web DAV

想必用过FTP的朋友应该也听说过Web DAV，与FTP的功能类似。通过Web DAV，可以更方便快捷实现从电脑上传或下载文件到web容器。我的浏览器的WebDAV启动后，默认端口是8081。

Windows上WebDAV客户端可以使用NetDrive、AnyClient，Mac上可以使用Transmit。下面来一张在Mac上使用Transmit 通过 WebDAV 连接到手机上的『我的浏览器』的Web容器目录的操作演示。

欢迎去AppStore下载我的浏览器: https://itunes.apple.com/cn/app/id1019594424?mt=8

识别图中二维码下载安装