草庐IT

hot-reload

全部标签

javascript - 服务 worker : Fetch event listener only works after page reload

我已经使用以下代码在我的页面中添加了一个服务worker。一旦页面被重新加载并且worker已经安装,它就可以很好地工作。但是在我看到'SWINSTALL'日志后,在重新加载页面之前似乎没有捕捉到任何获取事件。app.jsnavigator.serviceWorker.register('/worker.js').then((registration)=>{console.log('ServiceWorkerregistrationsuccessfulwithscope:',registration.scope);},(err)=>{console.log('ServiceWorker

javascript - 如何在没有 bundler 的情况下使用 Babel,但具有类似于 webpack 的开发体验?

我正在尝试使用ES6modules构建一个新项目没有捆绑。我还是想用babel-7将TypeScript和JSX翻译成JS。我发现很难弄清楚如何为它设置开发服务器。我找不到任何类似于webpack-dev-server的“babel-dev-server”(热模块重新加载、浏览器同步、文件观察器)。一种可能是使用browsersync作为静态服务器,例如dist并并行运行类似babelsrc--out-dirdist--watch的东西。但这不包括热重载,对我来说似乎有点笨拙。此外,如果您可以为JS文件提供哈希以更好地控制缓存,那么它对于构建和开发步骤仍然有用。或者我可以配置像webp

javascript - 在 Recaptcha.reload() 完成后执行代码

我在下面有一个函数,调用它来重新加载recaptcha图像。它可以工作,重新加载图像,但之后不会做任何事情。基本上这个表格很小,上面有这个recaptcha,所以我缩小了它并允许点击放大等等。如果此人按下调用reloadCAP()的“获取另一个验证码”,它会检查它是否具有较大图像的类别。如果需要的话,我需要在新图像加载后将该类和css添加回元素,但我似乎无法让它工作。有什么想法吗?functionreloadCAP(){if($("#recaptcha_widgetimg").hasClass('largecap')){Recaptcha.reload();$("#recaptcha_

javascript - DataTables ajax.reload 在保持分页时跳转到页面底部

我将jQueryDataTables与ajax来源的数据一起使用。我必须每30秒更新一次数据而不刷新页面,而ajax.reload()就是我需要的函数。我将ajax.reload()放在setInterval函数中。一切正常(如果您停留在第1页)。但是当您浏览第2页或第3页的表格时,当setInterval被触发时,它会让您回到第1页。所以...在此网址上查看文档:http://datatables.net/reference/api/ajax.reload()如果我将“false”作为第二个参数传递,它会保存当前分页位置,并且分页不会在重新加载时重置。宾果游戏!有效!但是......

javascript - safari/chrome onsubmit ="location.reload(true)"不工作

我网站上的表单在Safari/Chrome中无法正常运行。当用户提交表单时,它会打开一个新选项卡,但我希望重新加载原始页面(上面有表单的页面)。它适用于IE、Opera和Firefox。代码:我尝试了其他javascript函数,例如:window.location.reload();文档.location.reload();window.location.replace('http://www.websiteurl.com');window.location.href='http://www.websiteurl.com';以及这些的其他变体。我想也许是onsubmit=""不工作,

javascript - react-hot-loader 的 webpack 输出文件去哪里了?

首先让我说我设置的一切都有效,这只是一个困扰我的问题,我很想得到答案。我正在使用react-hot-boilerplate项目(https://github.com/gaearon/react-hot-boilerplate)。然而,在webpack.config.js中,这个设置让我困惑不已:output:{path:path.join(__dirname,'dist'),filename:'bundle.js',publicPath:'/static/'},在此配置中,输出文件似乎应该进入项目根目录中的dist文件夹。即使我手动创建dist文件夹(我知道我不应该这样做),也不会输出

javascript - angularjs 中 $window.location.reload() 和 $route.reload() 的区别

Angular.js中的$window.location.reload()和$route.reload()有什么区别?我已经使用了这两个东西,但它们的工作进度相同。谁能解释一下区别? 最佳答案 $window.location.reload()-用于重新加载页面$route.reload()-导致$route服务重新加载当前路由,即使$location没有改变。作为结果,ngView创建新范围并重新实例化Controller。 关于javascript-angularjs中$window

javascript - Capybara/Selenium 在 location.reload() 上随机获取一个 Net::ReadTimeout

我正在使用Capybara、selenium-webdrivergem和chromedriver来驱动我的启用javascript的测试。问题是大约50%的构建由于Net::ReadTimeout错误而失败。起初这表现为“找不到元素”错误,但在我将Capybara的默认最长等待时间提高到30秒后,我开始看到超时。我检查了超时发生时的屏幕截图,它停留在我们在使用Javascript函数location.reload()重新加载页面之前简要显示的“成功登录”模式.我在本地运行了测试,有时可以重现,也是随机的。有时它会通过这个模态压缩并重新加载,速度快到你几乎看不到它,而其他时候它会永远挂起

javascript - Chrome 扩展 : How to reload/re-execute content script on Ajax request

我正在尝试为某个网站执行内容脚本(插入按钮或更改链接),但我想在用户浏览网站时执行此操作。问题在于网页是在用户浏览时使用ajax请求动态构建的。我之前在编写的扩展程序中解决了这个问题,方法是将我的JavaScript实际注入(inject)到网页中。我想知道是否有更好的选择,除了能够在我的内容脚本中注册一个ajaxComplete事件或类似的东西,以便我可以重新执行。我可以做以下事情:functionlistener(){console.debug("listenerfired.");}document.addEventListener("DOMSubtreeModified",lis

javascript - 如何让 webpack hot reload 检测 pug + express 的变化?

我有一个带有pug和手写笔的Express应用程序。我已经配置了HMR中间件,它会在手写笔发生变化时重新加载,但不会在哈巴狗发生变化时重新加载。我想知道我是否缺少特定配置。我也尝试添加pug-html-loader但那也不起作用。//server.jsapp.set('views',path.join(__dirname,'views'));app.set('viewengine','pug');constwebpackDevMiddleware=require('./hmr').dev;constwebpackHotMiddleware=require('./hmr').hot;ap