草庐IT

javascript - 在开发 MVC View 时强制浏览器刷新 javascript 代码？

coder 2024-07-20 原文

非常直截了当，我正在开发一个 MVC5 应用程序并注意到(最近)我的浏览器似乎正在缓存我在 @section Scripts { } 中的 View 中的 JavaScript 代码。

目前我正在使用 Chrome 进行开发，我尝试了 CTRL+F5 和 CTRL+SHFT+R 重新加载页面，但是 alert() 我在 javascript 代码中取消注释，但仍按注释呈现。我还尝试通过隐身模式以及其他浏览器(Firefox、IE)访问我的本地主机，并且我得到了相同的行为。这是我的 /Home/Index.cshtml View ，它是应用程序启动时加载的默认 View 。我还尝试在页面中添加一些额外的 HTML 文本，但新代码再次没有生效/显示。

我当前的 Chrome 版本是 版本 41.0.2272.118 m 如果有人知道可能会发生什么？

更新:

我在 Chrome 的开发者工具 => 常规设置下检查了 [X] 禁用缓存(当 DevTools 打开时) 然后重复(当 DevTools 仍然打开时)尝试 CTRL +SHFT+R 和 CTRL+F5 的结果与之前相同，但我的更改未生效。

更新 2:

在打开 DevTools 的情况下，我还按住了刷新按钮并尝试了正常/硬/和清空缓存和硬重新加载选项，结果都相同。为了简化测试，我在下面添加了一个警报，以便在页面加载后立即显示(目前没有警报出现):

$(document).ready(function () {
            alert("Test");
            // Other Code/Functions -- No Error showing in Console
});

最佳答案

如果您使用 Bundling from MVC ，您有两个选项可以禁用缓存:

  1. 使用BundleTable.EnableOptimizations .这指示捆绑即使在调试时也能缩小和优化您的 bundle 。它根据脚本的内容在此过程中生成一个哈希值，因此您的客户浏览器可以长时间缓存此文件。下次您的文件更改时，它将生成一个完全不同的哈希值，以便您的客户可以看到您的更改。缺点是您的脚本将变得不可读并且您将无法调试它，因此这可能不是您的最佳选择。
  2. 使用System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("url", true)要解析脚本的 URL，第二个参数 ( true ) 是 requiring与 URL 一起生成的散列，从而防止在更改文件时从浏览器缓存。这与第一个选项中生成的哈希完全相同，但没有缩小。

我创建了一个小演示，展示了第二个选项可以防止缓存发生，诀窍是在不缩小脚本的情况下获取从脚本内容生成的哈希值。

我创建了一个名为 myscript.js 的脚本文件内容如下:

$(document).ready(function () {
    alert('a');
});

然后我将其添加到我的 BundleConfig.cs :

// PLEASE NOTE this is **NOT** a ScriptBundle
bundles.Add(new Bundle("~/bundles/myscripts").Include(
    "~/Scripts/myscript*"));

如果你添加一个ScriptBundle ，你会再次得到一个缩小的响应，因为 ScriptBundle只是一个Bundle使用 JsMinify转换(source)。这就是为什么我们只使用 Bundle .

现在您只需使用此方法添加您的脚本即可使用哈希附加项解析脚本 URL。您可以使用 Script.Render 

@Scripts.Render(System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/bundles/myscripts", true))

或者 script标签:

<script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/bundles/myscripts", true)"></script>

任何一种方式都会生成一个带有散列的 URL 以防止缓存:

编辑文件后:

关于javascript - 在开发 MVC View 时强制浏览器刷新 javascript 代码？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29517467/

javascriptViewcodesectionnoreferrerasp.net-mvcbrowsercross-browserbrowser-cache

有关javascript - 在开发 MVC View 时强制浏览器刷新 javascript 代码？的更多相关文章

  1. ruby - 如何在 buildr 项目中使用 Ruby 代码？ - 2

    如何在buildr项目中使用Ruby？我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序，我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/)，但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻，因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby​​

  2. ruby-on-rails - Rails 源代码 : initialize hash in a weird way? - 2

    在rails源中:https://github.com/rails/rails/blob/master/activesupport/lib/active_support/lazy_load_hooks.rb可以看到以下内容@load_hooks=Hash.new{|h,k|h[k]=[]}在IRB中，它只是初始化一个空哈希。和做有什么区别@load_hooks=Hash.new 最佳答案 查看rubydocumentationforHashnew→new_hashclicktotogglesourcenew(obj)→new_has

  3. ruby - 使用 C 扩展开发 ruby​​gem 时，如何使用 Rspec 在本地进行测试？ - 2

    我正在编写一个包含C扩展的gem。通常当我写一个gem时，我会遵循TDD的过程，我会写一个失败的规范，然后处理代码直到它通过，等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb，如何运行我的规范并仍然加载我的C扩展？当我更改C代码时，我需要采取哪些步骤来重新编译代码？这可能是个愚蠢的问题，但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时，我确实得到了一个Makefile(在整个项目的根目录中)，然后当

  4. ruby - 在 Ruby 中用键盘诅咒数组浏览 - 2

    我正在尝试在Ruby中制作一个cli应用程序，它接受一个给定的数组，然后将其显示为一个列表，我可以使用箭头键浏览它。我觉得我已经在Ruby中看到一个库已经这样做了，但我记不起它的名字了。我正在尝试对soundcloud2000中的代码进行逆向工程做类似的事情，但他的代码与SoundcloudAPI的使用紧密耦合。我知道cursesgem，我正在考虑更抽象的东西。广告有没有人见过可以做到这一点的库或一些概念证明的Ruby代码可以做到这一点？ 最佳答案 我不知道这是否是您正在寻找的，但也许您可以使用我的想法。由于我没有关于您要完成的工作

  5. Ruby Sinatra 配置用于生产和开发 - 2

    我已经在Sinatra上创建了应用程序，它代表了一个简单的API。我想在生产和开发上进行部署。我想在部署时选择，是开发还是生产，一些方法的逻辑应该改变，这取决于部署类型。是否有任何想法，如何完成以及解决此问题的一些示例。例子:我有代码get'/api/test'doreturn"Itisdev"end但是在部署到生产环境之后我想在运行/api/test之后看到ItisPROD如何实现？ 最佳答案 根据SinatraDocumentation:EnvironmentscanbesetthroughtheRACK_ENVenvironm

  6. ruby-on-rails - 浏览 Ruby 源代码 - 2

    我的主要目标是能够完全理解我正在使用的库/gem。我尝试在Github上从头到尾阅读源代码，但这真的很难。我认为更有趣、更温和的踏脚石就是在使用时阅读每个库/gem方法的源代码。例如，我想知道RubyonRails中的redirect_to方法是如何工作的:如何查找redirect_to方法的源代码？我知道在pry中我可以执行类似show-methodmethod的操作，但我如何才能对Rails框架中的方法执行此操作？您对我如何更好地理解Gem及其API有什么建议吗？仅仅阅读源代码似乎真的很难，尤其是对于框架。谢谢! 最佳答案 Ru

  7. ruby - 是否可以覆盖 gemfile 进行本地开发？ - 2

    我们的git存储库中目前有一个Gemfile。但是，有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它，我必须将它添加到我们的Gemfile中，但每次我checkout到我们的master/dev主分支时，由于与跟踪的gemfile冲突，我必须删除它。我想要的是类似Gemfile.local的东西，它将继承从Gemfile导入的gems，但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗？ 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI

  8. ruby - 模块嵌套代码风格偏好 - 2

    我的假设是moduleAmoduleBendend和moduleA::Bend是一样的。我能够从thisblog找到解决方案,thisSOthread和andthisSOthread.为什么以及什么时候应该更喜欢紧凑语法A::B而不是另一个，因为它显然有一个缺点？我有一种直觉，它可能与性能有关，因为在更多命名空间中查找常量需要更多计算。但是我无法通过对普通类进行基准测试来验证这一点。 最佳答案 这两种写作方法经常被混淆。首先要说的是，据我所知，没有可衡量的性能差异。(在下面的书面示例中不断查找)最明显的区别，可能也是最著名的，是你的

  9. ruby - 寻找通过阅读代码确定编程语言的ruby gem？ - 2

    几个月前，我读了一篇关于ruby​​gem的博客文章，它可以通过阅读代码本身来确定编程语言。对于我的生活，我不记得博客或gem的名称。谷歌搜索“ruby编程语言猜测”及其变体也无济于事。有人碰巧知道相关gem的名称吗？ 最佳答案 是这个吗:http://github.com/chrislo/sourceclassifier/tree/master 关于ruby-寻找通过阅读代码确定编程语言的rubygem？，我们在StackOverflow上找到一个类似的问题：

  10. ruby - 在 Windows 机器上使用 Ruby 进行开发是否会适得其反？ - 2

    这似乎非常适得其反，因为太多的gem会在window上破裂。我一直在处理很多mysql和ruby​​-mysqlgem问题(gem本身发生段错误，一个名为UnixSocket的类显然在Windows机器上不能正常工作，等等)。我只是在浪费时间吗？我应该转向不同的脚本语言吗？ 最佳答案 我在Windows上使用Ruby的经验很少，但是当我开始使用Ruby时，我是在Windows上，我的总体印象是它不是Windows原生系统。因此，在主要使用Windows多年之后，开始使用Ruby促使我切换回原来的系统Unix，这次是Linux。Rub

随机推荐