`

为什么修改后的JS CSS 发布后不生效

阅读更多
问题场景:
本地修改后的JS CSS ,发布到测试环境后,并未生效

解决方法:
1.清除缓存
2.F5+CTRL 强制刷新页面
3.在引入JS CSS  的地方,加入?version=201709270913 加入版本号
客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件 ,起刷新缓存的作用

问题总结:
修改JS CSS 后,将版本号修改一下,作为一个开发习惯。
分享到:
评论

相关推荐

    解决Vue打包上线之后部分CSS不生效的问题

    总的来说,解决Vue打包后CSS不生效的问题,需要从CSS处理、压缩设置、Source Map配置以及代码本身等多个角度去排查。通过合理的配置和调试,我们可以确保应用在生产环境下的样式表现与开发环境保持一致,为用户提供...

    解决vuejs项目里css引用背景图片不能显示的问题

    解决:build->utils.js里,修改:增加 publicPath:'../../', if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath:'../../', fallback: 'vue-style-loader' }) } else { ...

    Springboot访问templates下的html页面,CSS,JS失效

    浏览器可能会缓存旧的CSS或JS文件,尝试强制刷新(Ctrl+F5)或清除浏览器缓存来测试新更改是否生效。 8. **错误日志**: 查看Spring Boot应用的日志,尤其是关于HTTP请求处理的错误信息,这有助于定位问题所在。 ...

    hbuilder css格式化css为单行代码

    在描述中提到的“直接替换beautify-css.js文件,重启HB就可以”,这实际上是指HBuilder中内置了一个名为beautify的CSS美化工具,这个工具的实现是通过JavaScript脚本beautify-css.js来完成的。beautify-css.js是一个...

    解决IE响应式的解决方案css3-mediaqueries.js不生效问题.docx

    原本以为通过引入`css3-mediaqueries.js`这一JavaScript库来解决IE不支持CSS3 Media Queries的问题,但在实际应用过程中发现,该脚本并未按预期生效。 #### 二、初步诊断与分析 1. **闭合符号问题**:首先,排查...

    js+css3文字上下滚动切换动画特效

    它结合了JavaScript(js)的编程逻辑与CSS3的新特性,为网页的文字展示带来了生动且富有创意的变化。 首先,我们来了解JavaScript(js)的作用。JavaScript是一种广泛用于网页和应用开发的脚本语言,它能够为静态...

    zencart css_js_loader插件

    在安装"Fast and Easy Checkout for Zen Cart"之前,必须先安装css_js_loader插件,因为后者可能为前者提供了必要的性能优化基础。"Fast and Easy Checkout"插件旨在简化结账流程,提高转化率,而高效的前端性能则是...

    解决ie9、ie10本地css加载不上的解决方法实例

    此外,IE9和IE10对CSS文件的请求可能会受到缓存策略的影响,导致更新的样式无法即时生效。 解决IE9和IE10本地CSS加载不上的问题,我们可以尝试以下几种方法: 1. **禁用缓存**:在开发过程中,浏览器缓存可能会...

    SpringBoot页面跳转访问css、js等静态资源引用无效解决.docx

    在SpringBoot应用中,开发人员经常遇到一个常见问题,即在尝试访问页面时,CSS、JavaScript等静态资源引用失效。这通常是因为SpringBoot的默认资源配置导致的。在本篇文章中,我们将深入探讨这个问题的原因以及解决...

    JavaScript修改css样式style

    JavaScript 修改 CSS 样式是 Web 开发中常见且重要的技能,尤其在动态更新页面样式时。这篇博文(链接已提供)可能深入探讨了如何利用 JavaScript 操作 DOM 元素的 style 属性来改变 CSS 样式。以下是关于这个主题的...

    eclipse的js插件和css插件

    Eclipse是一款广泛使用的开源集成开发环境(IDE),主要用于Java编程,但通过添加各种插件,它也能支持其他语言,如JavaScript和CSS。本主题将详细探讨如何在Eclipse中安装和使用JavaScript和CSS插件,以提升前端...

    bootstrap js css

    这样可以确保在页面加载时,CSS已经生效,而JavaScript则在所有元素加载完成后执行,以避免出现未定义的行为。 例如,一个简单的引入方式如下: ```html <!DOCTYPE html> , initial-scale=1.0"> 我的...

    CSS设置元素width=100%失效的一种解决方式(该元素的父元素为body).pdf

    在某些情况下,我们可能会遇到CSS设置元素`width: 100%`失效的问题,尤其是在该元素的父元素为`body`时。这是因为`body`元素的宽度可能受到浏览器滚动条、页面边距等因素的影响,导致子元素无法正确地占据100%的宽度...

    页面刷新后CSS失效

    ### 页面刷新后CSS失效问题解析及解决方案 #### 一、问题背景 在Web开发中,尤其是在使用C#进行ASP.NET开发时,可能会遇到一个常见问题:页面在使用`Response.Write`方法动态插入HTML代码后,刷新页面时CSS样式...

    Vue打包部署到Nginx时,css样式不生效的解决方式

    然而,在将这个dist目录部署到Nginx服务器时,可能会遇到CSS样式不生效的问题。这个问题通常与静态资源的路径解析和Nginx的配置有关。以下是一些解决这个问题的步骤和相关知识点: 首先,我们需要理解Vue CLI的打包...

    修改火狐滚动条样式(纯css).html

    修改火狐滚动条样式demo,纯css修改火狐默认的滚动条样式

    (ZenCart CJloader包含CSS和JS文件类)yellow1912-cjloader-d268660

    如,zencart网站的下载安全的其他插件中,如果有两个都带有 同一个 javascript 文件(例如:jQuery),那么它将会被加载两次, 不过要使得这个功能生效的话,那么开发者必须都使用CJ Loader插件来加载 css和javascript 文件,...

    IOS WKWebView无法打开本地资源js/css/image.rar

    IOS WKWebView无法打开本地资源JS/CSS/Image,解决跨域问题 本人亲自编写,可以加载本地网站,如cocos creator发布的网页直接在本地打开 能够正确加载js,css/image等

    css js 合并工具

    在IT行业中,优化网站性能是至关重要的,其中CSS和JavaScript的合并是常见的一种优化策略。"CSS JS 合并工具"就是这样的一个实用程序,它旨在帮助开发者将多个CSS和JavaScript文件整合到单个文件中,以此减少网页...

Global site tag (gtag.js) - Google Analytics