【前-workbox-模块2】workbox.core

Workbox Core

1、什么是workBox Core?

Workbox已经构建为模块化,允许开发人员选择他们想要使用的部分,而不必强迫他们在一个文件中下载所有内容。

然而,模块之间存在重叠,例如,每个模块都需要与控制台交互,抛出有意义的错误并利用网络或缓存。 为避免每个模块实现相同的逻辑,workbox-core包含每个模块所依赖的公共代码。

该模块确实为开发人员提供了一些功能,但除了日志级别和缓存之外,workbox-core还为每个模块提供内部相关的逻辑,从而让开发人员无需在关系模块内部公共的逻辑。

2、 改变日志的等级

Workbox在console.log上使用一个非常薄的包装器,以便开发者可以过滤掉与自己的逻辑分开的Workbox消息。

【前-workbox-模块2】workbox.core_第1张图片

要调整日志级别,开发者需要做的就是调用setLogLevel()并从LOG_LEVELS传入一个值。

// The most verbose - displays all logs.
workbox.core.setLogLevel(workbox.core.LOG_LEVELS.debug);

// Shows logs, warnings and errors.
workbox.core.setLogLevel(workbox.core.LOG_LEVELS.log);

// Show warnings and errors.
workbox.core.setLogLevel(workbox.core.LOG_LEVELS.warn);

// Show *just* errors
workbox.core.setLogLevel(workbox.core.LOG_LEVELS.error);

// Silence all of the Workbox logs.
workbox.core.setLogLevel(workbox.core.LOG_LEVELS.silent);

开发者还可以看到当前日志级别是什么样的:

console.log(workbox.core.logLevel);

默认日志级别根据构建类型而变化。 如果使用调试版本workbox-core.dev.js,则日志级别将设置为LOG_LEVELS.log(即它将记录除调试消息之外的所有内容)。 对于生产版本,workbox-core.prod.js,日志级别将设置为LOG_LEVELS.warn,这意味着开发者只会看到警告和错误。

3、查看和更改默认缓存名称

Workbox通过workbox.core.cacheNames定义它的缓存:

console.log(workbox.core.cacheNames.precache);

console.log(workbox.core.cacheNames.runtime);

console.log(workbox.core.cacheNames.googleAnalytics);

这些缓存名称以前缀,名称和后缀的格式构造,其中名称根据缓存的使用而更改。

--

开发者可以通过更改传递到setCacheNameDetails()的全部或部分值来更改这些默认名称。

workbox.core.setCacheNameDetails({
  prefix: 'my-app',
  suffix: 'v1',
  precache: 'install-time',
  runtime: 'run-time',
  googleAnalytics: 'ga',
});

// Will print 'my-app-install-time-v1'
console.log(workbox.core.cacheNames.precache);

// Will print 'my-app-run-time-v1'
console.log(workbox.core.cacheNames.runtime);

// Will print 'my-app-ga-v1'
console.log(workbox.core.cacheNames.googleAnalytics);

笔者个人订阅号~欢迎小伙伴们关注


【前-workbox-模块2】workbox.core_第2张图片
微信公众号-感谢关注

若有疑问可以QQ联系笔者,虽然不一定100%解决你的问题,但是可以交流探讨一波:2276604211

顺便打个广告:如果有想入职中国银联上海技术开发的童鞋,也可以加上面的QQ资讯,笔者可以帮你回答一些相关问题~~

你可能感兴趣的:(【前-workbox-模块2】workbox.core)