
在某些场景下,我们想让 puppeteer 使用当前在用浏览器(非测试浏览器)的
用户设置,比如插件、书签甚至 cookie 等信息。要做到这点非常容易,我们只
要让 Chrome 读取当前在用浏览器的用户数据目录即可。
继续阅读Puppeteer 设置用户数据目录在某些场景下,我们想让 puppeteer 使用当前在用浏览器(非测试浏览器)的
用户设置,比如插件、书签甚至 cookie 等信息。要做到这点非常容易,我们只
要让 Chrome 读取当前在用浏览器的用户数据目录即可。
继续阅读Puppeteer 设置用户数据目录this 所指向的对象与运行时上下文进行绑定,这就会导致在不同的场景下,函
数的最终运行结果不一样。但是这种灵活的构造给了函数更多的复用机会。但
是 this 所指向的上下文或者说是对象,是在函数调用的时候决定的。但是也无
外两个场景—— 在对象外和在对象中。
继续阅读JavaScript 中 thisAngular Flex Layout 是官方仓库中一个用于快速实现 Flex 布局的模块。使用
Angular Flex Layout 可以减少 Flex 布局相关的 CSS 代码。当然,使用的时候
你最好补充一点关于 Flex 布局的基本知识。
继续阅读Angular Flex Layout 入门大多数情况下,我们往往希望自己的页面是响应式的。除了使用 BootStrap 等
CSS 框架,我们还有没有其他选择呢?答案当然是肯定的。作为支持指令的前
端框架,Flex Layout 也提供了 Responsive API 帮助我们进行响应式布局。在
实际使用中,我们只需在 Static API 后加上断点(breakpoint )后缀就可以轻
松实现一个响应式页面。
在 Flex Layout 中,一个断点可以理解为由一个行为+指定页面尺寸=值组成。
如 fxShow.lg = ‘true’ 就表明,当页面尺寸为 lg 时,该元素执行 fxShow 这个
动作,也就是让该元素隐藏。
下面这个例子中,当页面尺寸为大于 sm 时,这个 div 在主轴方向就会扩展到
容器的100%,否则就占50%。
很多场景下,我们需要通过 Puppeteer 来点击事件来触发下载。但是
Puppeteer 暂时没有提供此场景下的完整 API 。因此即使用某些方法如
ISSUE#299 达到触发执行的目的,也会觉得很别扭。如文件完成需要额外监
继续阅读Puppeteer 文件下载