如何使用 Chrome 自带隐藏功能进行网页截屏

以前遇到手机网页截屏的需求,都得用手机来进行,但是手机的尺寸是固定的,如果要做到针对不同尺寸进行截图,就得换 N多手机进行,简直就是噩梦一般的存在。

在桌面浏览器环境下,虽然普通截屏问题通过系统工具或者各种插件得到了很好的解决,但是还是得额外付出很多成本,有时候找工具找的心累,且大多数工具对于滚动截屏支持一直不怎么好,滚屏截屏一直以来也是一个隐隐的痛。

转机来了,牛逼闪闪的 Chrome 浏览器让这一切变得超级简单,Chrome 能力及其强大(不多赘述),今天要推荐功能的是在 Chrome 的 Device ToolBar 展开模式下,右侧“更多菜单”隐藏有 Chrome 自带的截屏功能菜单,可以对当前有效展现窗口区域(注意不是浏览器外边框整个的大小)进行截屏,不仅可以截屏还可以进行“滚动截屏”,截屏后直接以图片格式下载到本地,这个隐藏功能瞬间低成本化解了网页截屏的的世纪难题!除非遇到特殊需求情况,否则以后基本就告别各种浏览器截屏插件了!

隐藏菜单:分别为“滚动截屏”和“当前屏幕截屏”功能菜单。

 

截图党的福音,拿走不谢!

截图演示 Mac Chrome 版本为 60.0.3112.113

Chrome 开发者工具可以还原被压缩的 JS/CSS 格式

作为当下及其普及的前端开发技术之一,为了减小文件大小,提升加载速度,很多网站的 JS 和 CSS 文件都经过压缩,但对于人类代码学习者来说却制造了重重障碍。幸好还有 Chrome Developer Tools!

Chrome  开发者工具中,在 Sources 面板中预览 JS/CSS文件时,使用左下角的「大括号 Pretty Print」{} ,点击一键还原 JS/CSS 样式格式为默认结构化格式,极大的方便了人类阅读,推荐给经常偷师学艺的同学们。

还原前:

还原后:

搜索引擎输入“自杀”会提供劝导提示

看到一篇文章介绍在知乎上搜索“自杀”会有暖心劝导提示,其实这是一个很经典的老 Case,这样的人文关怀的特殊场景在搜索引擎上普遍存在;下面是百度,搜索,360,Google 搜索引擎中输入“自杀”的结果显示;

备注:知乎搜索自杀已经在现有版本(29170306)不能复现;

Google 请看准了再点

2010年,当时也是开发博客,申请了Google AdSense,但是由于更换域名和之后开发过程中的失误导致账号悲剧的被永久挂起。之后的博客在不断转型中迷失过一段时间,更新维护也是断断续续,但是现在ThirtyJin马年马上准备重装上阵!

时隔三年,经过反复的举证和投诉,接受了无数次无情的拒绝,终于功夫不负有心人,碰到了Google大赦,最终在近期我的账户重新解挂复出,真是眼泪哗哗,实属不易。 继续阅读Google 请看准了再点