chengkai (chengkai)

独立开发者因为广告拦截被优酷索赔 100 万元

chengkai — Thu, 12 Nov 2020 15:10:40 +0800

本人独立开发者，最近遇到了这么一个麻烦。求各位老哥给支个招，看看怎样把损失降到到最少啊。：（

详情参见知乎链接，麻烦有知乎账号的同学，给点个赞支持或分享下，在此谢过。🙏

https://zhuanlan.zhihu.com/p/285778671

使用 Puppeteer 提供网页转 PDF 及整页截图服务

chengkai — Tue, 12 Nov 2019 12:25:31 +0800

原文链接：http://doc.xbext.com/devopt/using-puppeter-convert-webpage-to-pdf-and-fullpage-screenshot/

最近需要为x 浏览器提供一个网页转 PDF 的服务，鉴于 X 浏览器定位是一个简洁轻便的手机浏览器产品，所以打算在服务端实现这一功能，同时为了更好的为 X 浏览器客户端服务，所以准备自己尝试搭建这么一套服务。去年的时候曾经看到过关于 Puppeteer 的相关文章，知道通过这个产品可以实现网页转 pdf 以及生成整页截图。这篇文章用来记录如何使用这组件来搭建一个网页转 pdf 的服务。

什么是 Puppeteer

Puppeteer 是由 GoogleChrome 团队维护的一套基于 NodeJs 的 API 用于操控HeadLess Chrome 。headless chrome 其实是一个没有 UI 界面的 Chrome 浏览器，除此之外几乎和真正的 Chrome 没有差别。这时候你可能会奇怪没有界面的 Chrome 怎么用啊？是的对于普通用户来讲 Headless Chrome 确实无法使用，但是对于一些自动化测试的场景使用 Headless Chrome 就太方便了。我们只要通过命令行就可以对 Chrome 进行操控完成普通浏览器所用使用场景，打开页面，填写表单，点击按钮，甚至模拟鼠标及触屏，都完全不在话下。

Puppeteer 提供了一套完备的API使我们我们可以方便的操控 Chrome，我们通过 UI 界面可以完成的操作都可以通过 Puppeteer 来实现。

下面介绍如何安装 Puppeteer 以及使用 Puppeteer 提供整页截图和生成 pdf 文件。

在 Linux 环境下部署 Puppeteer

为了安装部署方便，我们选择 ubutun 18.04 作为后台服务，在这之前我需要先安装 NodeJs 运行环境，Puppeteer 的一些最新特性需要在 Node v7.6.0 或更高版本中才被支持。所以我们选择安装 NodeJs 的 8.x 版本。

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - sudo apt-get install -y nodejs

安装 Puppeteer

mkdir puppeteer-demo cd puppeteer-demo npm i puppeteer

安装的过程中会自动下载 HeadlessChrom, 完整安装后我们可以通过下面的脚本测试 puppeteer 是否可以和 HeadlessChrom 一起正常工作。

//version.js
const puppeteer = require('puppeteer');
(async() => {
  const browser = await puppeteer.launch();
  console.log(await browser.version());
  await browser.close();
})();

运行脚本

node verison.js

工作正常的话会显示 headless chromed 的版本号

HeadlessChrome/79.0.3945.0

转换网页到 pdf 格式

下面的代码展示了使用 Puppeteer 如何把网页转换为 pdf 格式。

const puppeteer = require('puppeteer');

(async() => {
const browser = await puppeteer.launch();
const page = await browser.newPage();

await page.goto('https://www.xbext.com', {waitUntil: 'networkidle2'});
await page.pdf({path: 'page.pdf', format: 'A4'});

await browser.close();
})();

生成整页网页截图

下面代码展示了如何模仿手机作为请求，并且生成整个网页的截图

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  let page = await browser.newPage();
  const userAgent = "Mozilla/5.0 (Linux; Android 8.1.0; MI 8 Build/OPM1.171019.011; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/62.0.3202.84 Mobile Safari/537.36";
  page.setUserAgent(userAgent);

  //await page.setViewport({ width: 1920, height: 1080 });

  await page.setViewport({ width: 480, height: 800,isMobile: true}); 

  await page.goto('https://www.xbext.com',{waitUntil: 'networkidle2'});

  await page.screenshot({path: 'myscreeshot.png',fullPage: true});
  //如图片过大可以通过生成.jpg文件并且控制图标质量
  //await page.screenshot({path: 'myscreeshot.jpg',fullPage: true,quality: 80});
  await browser.close();
})();

参考资料

https://developers.google.com/web/updates/2017/04/headless-chrome

[北京] 程序员寻找帮手一起完善产品 [10k-25k] + 股权

chengkai — Sun, 30 Aug 2015 13:40:36 +0800

本人程序员一枚，花了大半年的时间做了这么一款手机浏览器产品，叫做X 浏览器。全职苦逼的折腾了大半年后也是得到了部分用户的认可，最骄傲是我们做到了在小米市场搜索"浏览器" 排名第 7 位和一些大牌浏览器厂商并列。

故事和大多数做产品的程序员类似，在得到了部分用户的认可后，有人愿意拿出一些资金支持我做这个产品。当初还很高兴，可后来却在纠结到底是做一个自由的个人开发者还是接受这笔投资？有人会说你这是纯粹的装 B 行为，有人投资还得了便宜卖乖。其实如果没有经历这样一个心路历程之前我也是这样想的，而且当初的时候我是有主动找过投资的，后来才想明白天下没有免费的午餐接受投资意味着需要向利益妥协，看看现在的商业浏览器做成什么样子就知道了，做一个自由程序员可以把产品做的更加纯粹，追随初心。自己需要在程序员和商人之间做一个选择，为此我痛苦的纠结了很长一段时间，最后承认我是个世俗的人，想做成一件事情本来就有面临这样那样的妥协，但做一款好产品依旧是我的目标，商业的支持可以帮你把产品变的更好更快的验证想法，同时也会让你的产品变的背离初衷，问题是我如何在这里去找到平衡。

一向自认为比较高效的我，目前面对各种和用户的沟通及待完善的功能已经明显有些力不从心了，而且有些需求作为程序员我是有点无能为力的，比如用户吐槽 UI 不够美观 :( 。所以在这里我希望能够找到一些志同道合的伙伴和我一起打造一款好的产品。

先说说自己的价值观吧，价值观不对是很难成为战友的。下面是我认同的一些信条，如果你恰恰也认可这些请继续往下看。

喜欢简单，高效，讨厌一切形式化的东西，认同 kiss 原则。
just do it ,事情是做出来的不是想出来的
完成比完美重要，持续迭代
这个世界没有规律，得到真相的唯一方法是快速试错和探索。
好的产品是演化过来不是规划过来的，如果你动不动和我谈三个月的规划我会很鄙视你。

接下来说说我需要的伙伴吧，我崇尚简单高效的小团队。Instagram 才 7 个人，所以我们 5-6 个人足以。

** UI 设计师 **

优秀的产品向来是优秀程序员 + 优秀设计师一起打造的。程序员的问题我可以 hold 住但是设计师我就无能为力了，所以渴求有想法的优秀设计师加入。(也许你现在看到的 UI 并不是那么丑，在这里要感谢一个叫姜楠的设计师，在前期给我提供了很多帮助.)

最近遭到吐槽最多的是网友呼吁尽快实现 Material Design, 所以如果你对这个了解或者有兴趣就最好了。

不知道怎样提供给设计师想要的东西，我只能说自己愿意陪着你去尝试你的一些想法和创意，和你一起分享好的想法创意带来的成就感。

** Android 程序员和 Web 前端各一枚 **

首先希望你对技术有浓厚兴趣的，这是最重要的。这是成为一个优秀程序员的基础。有经验当然好，但不是最重要的，因为我很乐意分享自己的一些经验和原则，我最看重的是学习能力和解决问题的能力。

有好奇心，爱折腾各种技术，有志成为全栈工程师。我自己也是高度认同"Devopt" 的理念，没准儿以后公司的服务器部署都交给你管理。

** 海外运营人员 **

在国内巨头林立的形势下，我更相信国外市场目前会存在更大的机遇，如果你也认同海外市场并且有能力帮到我们，也请给我一个面对面沟通的机会吧。

** 其他 **

看了上面如果你很认同我的一些价值观，认为你自己也能够对团队和产品有很大帮助欢迎毛遂自荐联系我。

** 关于这款产品的前途 **

读到这里如果你对我的想法还算认同，但是对浏览器产品的前途堪忧顾虑，毕竟竞争对手都是巨头，那么我这里还有一篇长文分析这款产品的定位和优势，留下您的邮件我发给您，您看后再决定是否加入。

** 关于待遇和股权 **

我这边暂时能够给到的待遇是 10k - 25k 你可以待遇和股权方面做选择，更多的股权或更多的薪水。

** 关于工作时间 **

37Signals 文化中毒很深，崇尚知识密集型，而不是劳动密集型，喜欢简单高效的工作。所以在大部分创业公司 996 的情况下，我们坚持每天 7 个半小时，每周双休的作息制度。

原则上讲我是希望能够找到和我并肩作战的伙伴，不过在没有建立信任关系之前，远程的合作我也不排斥。

** 联系方式 **

邮件：chengkai.me@gmail.com

** 关于我 **

我是一个自由懒散的程序员，没有啥 BAT 背景，但自己带过的几个学生都在 BAT 及一线互联网公司供职，你可以从下面的几个链接更多的了解关于我的信息。

github: https://github.com/examplecode
blog1: http://www.jianshu.com/users/e8ec9a90b251/
blog2:http://examplecode.github.io/

服务器被黑给我上了一课

chengkai — Mon, 25 May 2015 15:42:37 +0800

当你作为一个独立开发者的时候总要面临这样那样的问题，以前认为的小概率事件也总是某个时间点蜂拥而至考验你的耐心，前一阵阵刚刚经历了一次木马惊魂 (参见文章猎豹清理大师值得我们信任么？ )，这次又遇到了服务器被黑。

部署服务器及一般的服务配置管理对于一个写代码的人自然不在话下，但是相对专业的运维人员程序员确少的却是一个安全意识，总以为服务器被攻击是一个小概率的事件。以前是这么考虑的“互联网上的主机那么多偏偏你的主机被骇客盯上？这不跟重大奖一样么，我有那么幸运么？”虽然前一段时间自己的产品被当成木马已经是中了一次大奖了。所以心存侥幸心理，能省事就省事，先把服务部署起来能用就行，这也倒是符合我的极简主义行事风格。只有经历才能成长，这句话说的一点没错，感谢这个不太聪明的骇客给我上了一课，从此在做任何服务器部署和管理的时候我的脑袋里也多了一根弦儿“安全意识"。事情是这样的。。。

全文见： http://www.jianshu.com/p/97b9dc47b88c

愚人节前期的病毒木马惊魂

chengkai — Tue, 31 Mar 2015 23:10:57 +0800

大家应该都还记得前几日在各大媒体和朋友圈疯转的一片文章《傅盛豹变》我也读了这边文章，说实话文章写的很棒，看的我也是心潮澎湃。一向不怎么刷朋友圈的我，不仅转发而且还特地专门发给了几个身边的朋友希望大家都能够从猎豹和傅盛先生那里学到一些东西或者有所感悟。我自己也是看了这篇文章后怀着无比崇敬的心情安装了猎豹清理这个产品进行观摩学习。不曾想才过去短短的几天，就转变了我对这款产品的看法。

无意专门抹黑猎豹，只是希望此文能够唤醒做安全软件的企业们的一些责任心，对的起用户对你们的信任。你们不仅掌握着操作系统的至高无上的权限而且还掌握着对普通应用的生杀大权。无它求，只希望你们能够在行使你们的生杀大权的时候不要这么随意的草菅人命。相信对于大公司的产品你们都会认真对待，容不得半点马虎，但是对于苦逼的创业者和个人开发者就应该活该遭受这种待遇么？

更多内容，请了解图文并茂的原文 http://www.jianshu.com/p/d222ea914f14

个人写的 Android 浏览器产品，吹个牛,虽然是个人作品，但不输商业产品

chengkai — Sun, 25 Jan 2015 16:00:25 +0800

程序员一枚，没有美工，没有设计，没有产品，自己搞定。

下载地址：http://xbrowser.me

说说比大多数浏览器做的好的地方吧 (也许是自己的意淫，欢迎拍砖)

极简，快速

安装包非常小，绝对简洁一致的操作体验，一切皆为页面 (下载，搜藏，历史，设置)

快捷输入搜索

手机浏览器最重要的是搜索和输入网址，为了更快捷搜索和输入网址，个人再这方面做了很多优化，觉得比大多数的浏览器输入更加智能快捷，有时候你只需要输入一个字母就能猜到你的意图。

稍后离线阅读

主要是解决自己的问题，有时候地铁公交信号不好，没有办法上网，做了一个离线稍后读的功能。再也不怕没信号了。据我了解目前没有任何一家浏览器有此功能

全屏体验

无论是 H5 游戏还是文章阅读，都希望有一个不受干扰的良好体验。所以个人在这方面的交互做了大量优化，希望读者在阅读的时候尽量保持全屏的体验，而在用户想切换页面或者搜索的时候又能很方面的把工具条和搜索栏呼叫出来。上推隐藏工具条和搜索栏，下来就会呼出工具条。重要的是在你阅读的时候，工具条和搜索栏不会频繁出现隐藏干扰读者。目前也没有任何浏览器做到这一点。

如果大家感觉还行麻烦帮顶一下吧，支持下个人开发者：）

下载地址：http://xbrowser.me

用 Rails 写了一个应用大家看看有价值么？

chengkai — Thu, 22 Jan 2015 16:48:46 +0800

这是一个打包 HTML5 应用为一个本地 APK 的在线工具，主要就是其中用到了 delayed_job 组件，用于异步任务，前端提交了请求到服务器任务队列，服务端远程以异步的方式执行构建和编译工作，最后生成一个 .apk 文件提供下载。

应用地址： http://xbrowser.me/appbuilder

markdown + git 最适合程序员的 wiki 系统 (又是一个 ruby 写的很酷的东东)

chengkai — Thu, 22 Jan 2015 09:03:19 +0800

前一段时间在一个 Team 中使用 gollum 作为团队 scrum 开发的白板，感觉 gollum 是一个非常适合程序员使用的 wiki 系统，特在此推荐。

http://examplecode.github.io/tools/2014/09/26/install-gollum-in-mac-109/

清除 Android 和 IOS 项目中无用的图片资源

chengkai — Mon, 27 Oct 2014 13:06:16 +0800

https://github.com/examplecode/unused-image

附上一则招聘：） http://www.v2ex.com/t/139600

[分享] 最小的 http proxy c 语言实现 - 支持翻墙，从此 google 无压力

chengkai — Thu, 26 Jun 2014 23:18:34 +0800

文章地址： http://examplecode.github.io/2014/06/25/minimal-http-proxy-c-language-implementation/

Lotus：替代 Rails 的新一代 Web 框架？

chengkai — Wed, 25 Jun 2014 15:12:49 +0800

有人听说过 Lotus 么？请了解的评价一下。

http://geek.csdn.net/news/detail/13201

使用 Ruby Jekyll 制作的 github page 页面第一篇 blog

chengkai — Sun, 22 Jun 2014 14:54:25 +0800

使用 Ruby Jekyll 制作的 github page 页面第一篇 blog :)

GFW DNS 污染原理 ,java 和 c 代码展示如何绕过 DNS 污染

http://examplecode.github.io/tools/2014/06/20/the-tools-prevent-dns-cache-pollution/

获取 GFW DNS 域名污染的真实 IP 的小工具

chengkai — Fri, 20 Jun 2014 19:28:07 +0800

一个小工具，提供 C 语言，JAVA 两种语言版本实现，对编写想绕过 GFW DNS 污染的程序的同学也许有用。

源码地址： https://github.com/examplecode/gfw_dns_resolver

[分享] 一个 android 下测试 UI 和逻辑的单元测试工具，使开发效率倍增

chengkai — Wed, 11 Jun 2014 22:01:34 +0800

团队内部用的，使用效果很好。最近整理发布出来了。

项目地址： https://github.com/examplecode/android-ui-test-runner

[ 北京] 傲游移动团队招聘 iOS,Android (10K 起，上不封顶)

chengkai — Thu, 13 Feb 2014 23:19:20 +0800

薪酬待遇

10K 起，上不封顶。

招聘职位

android 浏览器开发工程师 (对 android 程序开发有自信即可)
IOS 浏览器开发工程师 (对 IOS 程序开发有自信即可)

工作职责

移动浏览器的维护及开发工作，此职位不涉及浏览器内核开发但希望你对 http 协议及 JS 有一定的了解。

团队崇尚的文化

just do it ,事情是做出来的不是想出来的。
务实，敏捷，深深认同 37Signals 公司的文化，极简主义，厌恶一切形式化的东西
我们喜欢做事情有主见有想法的人，敢于说不，敢于承担的人。
创业者精神，做事情会不拘小节，但是有时候又需要专业精神。
愿意把一件小事做好的人，实际上并不是每个人都能把一件小事做好。
把事情做好有三个必要条件，沟通，沟通，沟通。

对你的期望

对技术有极大的兴趣，生命不息折腾不止，愿意尝试和了解各种技术。全栈工程师是你的目标。
希望你最好也读过《rewrok》,《geting real》,《精益创业》等书籍，并认同这些理念
扎实的基础知识是我们看重的，各种花哨的技术和框架都是浮云。
希望你有一定的工作经验，但我们更加看重的是学习能力和解决问题的能力。
希望你能理解并认同 KISS 原则，这对你写出易于维护的代码会很有帮助。

我们使用的技术和开发工具

C/C++, JAVA,Object C,Ruby,Pyhon,javascript
Vim,Sublime,XCode,Eclipse
Git/GitHub
Unix-like OS

联系方式

chengkai.me@gmail.com

更多详细信请参见官方招聘

http://www.maxthon.cn/jobs/

apache 基金会的第一个 ruby 项目 Buildr，替代 Maven 和 Ant 的 java 构建工具

chengkai — Sun, 27 Oct 2013 19:17:43 +0800

使用 Buildr 的一个简单示例 https://github.com/examplecode/buildr_sample