我有带有页眉,页脚和内容的Web应用程序。我的内容类似于应用程序外壳。我正在使用page.js进行客户端路由..因此,当用户请求页面xxx.com/app/example1 ..时,我通过jquery.load(..)加载example1.html,依此类推..我的sw-precache文件看起来像这样。
function writeServiceWorkerFile(cachename,rootDir, handleFetch, callback) { var config = { cacheId: cachename, staticFileGlobs: [ rootDir + '/assets/min/css/**/*.css', //rootDir + '/assets/min/js/lib/**/*.css', rootDir + '/**.html', rootDir + '/assets/images/**.*', rootDir + '/assets/font/**.*', rootDir + '/assets/min/js/**/*.js' ], stripPrefix: rootDir + '/', verbose: false, runtimeCaching:[{ urlPattern:/\/app\//, handler: 'cacheFirst' }], //navigateFallback: 'index.html', navigateFallbackWhitelist: [/^\/app/] }; swPrecache.write(path.join(rootDir, 'service-worker.js'), config, callback) }
当我看到该页面时..它从服务工作者缓存中加载example1.html。 我的example1.html看起来像
<script type="text/javascript" src="assets/min/js/modules/xxx/findDetails.js"></script> <script type="text/javascript" src="assets/min/js/modules/xxx/findMain.js"></script> <script type="text/javascript" src="assets/min/js/modules/xxx/findResults.js"></script>
examplep.html中的css文件是从缓存中加载的..但是example1.html中包含的javascript文件是不会从缓存中加载的。我如何确保它们也从缓存中加载..当我看到服务时开发人员控制台下的-worker->应用程序->缓存存储。.我看到上面所有3个js文件都存在,但没有进入浏览器