草庐IT

live-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

javascript - gulp-connect 和 connect.reload

我正在尝试设置一个简单的服务器来测试一些d3.js的东西。我正在关注tagtree.tv上的截屏视频。我的代码与他的相匹配,但是当我更改我的JS或SASS文件时,我无法让我的index.html重新加载。据我所知,我是gulp的新手,但这是基于我的假设,即调用connect.reload()将重新加载正在查看其内容的任何浏览器。应该注意的是,livereloadJS被插入到我的index.html文件中。我的目录结构如下:d3play-bower_components-dist-css-scripts-node_modules-sass-scriptsgulpfile.jsindex.

javascript - window.location.reload 后转到 anchor 链接

我正在尝试更新哈希,然后重新加载页面。$('a[name="'+fragment+'"]').remove();//don'tjumpbeforewindowreloadswindow.location.hash=fragment;window.location.reload(true);重新加载窗口后不会跳转到anchor标记。我该如何解决? 最佳答案 如果您要重新加载页面,这在jQuery中实现起来相当简单。加载页面时只需检查window.location.hash属性即可。$(document).ready(function(

javascript - 如何使用 jQuery .live() 和 ajax

目前我正在使用JohnResig'sLiveQueryplugin/function允许用户对一长串无序列表项进行排序。代码如下:$('input#q').liveUpdate('ul#teams').focus();当我使用ajaxified选项卡对列表进行排序时,问题就出现了。本质上,我使用ajax来提取不同的列表,而liveUpdate()函数无法访问新的li。我假设我需要使用.live()function来绑定(bind)它.但我不清楚如何将其绑定(bind)到ajax事件,我只使用了“点击”事件。我如何将新的liveUpdate()绑定(bind)到新加载的列表项?编辑:aj

javascript - window.location.href 和 location.reload() 不从服务器加载更新的页面

我有一个表单正在通过AJAX调用进行更新。Ajax调用成功后,我想重新加载同一页面以反射(reflect)新的更改。在AJAX调用成功后,我使用了location.reload()和window.location.href,在浏览器上执行了正确的RELOAD,但表单显示旧的数据,不是新的。如果我使用浏览器的重新加载按钮重新加载页面,则会显示新更新的数据。但是如何使用jQuery正确地重新加载页面? 最佳答案 reload(forcedReload)方法接受一个bool标志,当它为真时,会导致页面始终从服务器重新加载。如果为false

javascript - 如何将我的代码从 .live() 更改为 .on()

我在下面的jquery中有一个live()函数:$("#qandatbltd.weightinput").live("change",calculateTotal);functioncalculateTotal(){vartotalweight=hundred;$("#qandatbltd.weightinput").each(function(i,elm){totalweight=totalweight-parseInt($(elm).val(),10);});$("#total-weight").text(totalweight).append('%').css('font-wei

javascript - 用于 sass 的 webpack live 热重载

我正在为ReactStarter构建工作流程,并希望在我更改scss文件时自动重新加载浏览器。目前,当我在我的index.js文件(设置为我的入口点)中进行更改时,webpack将热重新加载。但是,当我在scss文件中更改/添加scss代码时,它会被编译,但css不会在任何地方输出,也不会触发浏览器重新加载。我是webpack的新手,非常感谢这里的一些见解。这是我的webpack.config.jsconstpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constExtractTex

javascript - 以编程方式禁用 window.location.reload?

有没有办法覆盖window.location.reload的默认行为-使其成为空操作,以便进行调试? 最佳答案 问题是由于某些原因,location.reload实际上不是Firefox和Chrome中的可写属性。这是我想出的一些在这些浏览器中覆盖它(和其他)的疯狂方法。它使用非标准.__defineGetter__()方法,部分是为了绕过window.location="/home.html"的魔法干扰。var_location=location;__defineGetter__('location',function(){var

javascript - 砌体实例没有这样的方法 'reload'

好的工作人员如下,当页面加载完成后,masonry失败,不知道为什么,但是我找到了一个方法,就是masonry.reload。这种方法有时会奏效,我想知道为什么。var$container=$('.container');$container.masonry({itemSelector:'.item',columnWidth:25}).imagesLoaded(function(){$container.masonry('reload');}); 最佳答案 在较新版本的砌体中,您使用“reloadItems”而不是“reload”。