精华内容
下载资源
问答
  • 修改css文件后不生效怎么办前端开发会遇到一个问题:修改测试前端代码的时候,有时候修改了css或者js文件,但是前端刷新的时候却没有反应,不免让人感觉是不是修改错误,其实这有可能是客户端缓存问题。解决方法:1....

    7a690e8db26e0c6ca251dddd4f8c9fbd.png

    修改css文件后不生效怎么办

    前端开发会遇到一个问题:修改测试前端代码的时候,有时候修改了css或者js文件,但是前端刷新的时候却没有反应,不免让人感觉是不是修改错误,其实这有可能是客户端缓存问题。

    解决方法:

    1. Ctrl+F5,清除浏览器缓存(等同于浏览器-->历史数据-->删除cookies);

    2. 如果是利用F12中的Disable cache,则需要F12打开控制台才能生效

    2. 在js或css后加版本号,这时候浏览器客户端会认为这是不同版本的js或者css文件,会自动重新刷新下载(浏览器会缓存下载页面js和css文件)

    ● 2.1形如:.css?v=x 或者 css?version=x

    ● 2.2形如:.js?v=x 或者 css?version=x

    3. 使用gulp等进行前端构建

    本文来自css答疑栏目,欢迎学习!

    展开全文
  • <style lang="less" scoped> //css用 //.el-table >>> .warning-row //less sass scss用 .el-table { /deep/ .warning-row { background: oldlace; } /deep/ .success-row { ...
  • js文件修改不生效

    2020-10-01 22:11:59
    方法1:本地浏览器按ctrl+f5刷新(不是alt+f5) 方法2:更改js文件名字(比如加上版本号)

    方法1:本地浏览器按ctrl+f5刷新(不是alt+f5)
    方法2:更改js文件名字(比如加上版本号)

    展开全文
  • Is it possible to modify the JavaScript of a page and then reload the page without reloading the modified JavaScript file (and thus losing modifications)?解决方案This is a bit of a work around, but ...

    Is it possible to modify the JavaScript of a page and then reload the page without reloading the modified JavaScript file (and thus losing modifications)?

    解决方案

    This is a bit of a work around, but one way you can achieve this is by adding a breakpoint at the start of the javascript file or block you want to manipulate.

    Then when you reload, the debugger will pause on that breakpoint, and you can make any changes you want to the source, save the file and then run the debugger through the modified code.

    But as everyone has said, next reload the changes will be gone - at least it let's you run some slightly modified JS client side.

    展开全文
  • Nginx服务器开发项目+Chrome浏览器调试,修改项目js文件后刷新页面,没有生效,并且报错(显示js语法错误) 探寻过程 虽然大家可能会觉得看别人的探寻过程并重要,毕竟只要解决问题了就好。但是我个人觉得还是记录...

    背景
    Nginx服务器开发项目+Chrome浏览器调试,修改项目js文件后刷新页面,没有生效,并且报错(显示js语法错误)

    探寻过程
    虽然大家可能会觉得看别人的探寻过程并不重要,毕竟只要解决问题了就好。但是我个人觉得还是记录一下自己的解决思路,及踩过了哪些坑会更有味道,荆棘丛生的道路走起来才会更加印象深刻。。

    1. 由于我用的是TP框架,所以第一步自然而然就想到清空TP缓存,于是删了Runtime下的所有东西,刷新,失败。。
    2. 查资料,看到有人说设置TP的TMPL_CACHE_ON为false,让每次都重新编译,试了下,也失败。。
    3. 浏览器问题?我换了火狐浏览器刷新,仍然失败。。
    4. 换回Chrome,索性把js的内容全删了,再强制刷新(清空缓存并硬性重新加载),js的内容有变化,显示一些其他js文件里的内容,但是并不是空文件(这个有点阻碍视听了,一时迷惑不知道问题在哪了)。
    5. 该刷新的都刷新了,该清的缓存都清了,修改的内容还是没生效。但是至少发现,每次更改js文件,确实内容是有变动了。那么,肯定在TP项目和浏览器之外的某个地方,这个文件被缓存了,或者说被影响了。于是想到了Nginx,Nginx的缓存问题?于是上网查资料,搜索如何清理Nginx缓存。然后看到了曙光[https://blog.csdn.net/zengmingen/article/details/79958692]。
    6. nginx.conf的sendfile设为off,刷新Chrome,还是没生效。换个浏览器火狐,刷新,成功了!!!那么,Chrome浏览器要强制刷新才行?选择“清空缓存并硬性重新加载”,报错信息不见了,内容正常显示!问题解决!!
    7. 总结一下解决方法就是Nginx sendfile设为off,然后“清空缓存并硬性重新加载”Chrome。

    解决方法

    1. Nginx配置nginx.conf 设置sendfile为off(默认为on)
    2. 重启Nginx
    3. 右键点击Chrome浏览器刷新健选择“清空缓存并硬性重新加载”(对于Chrome浏览器这一步很关键,普通刷新也不会生效。其他浏览器如火狐,普通刷新就行)
    4. 发现更改的js文件生效了,一切都正常运行了!!

    最后问题的解决也挺靠运气的,要是搜索到了那篇文章没有换个浏览器测试,说不定还是没有找到问题在哪,换了个浏览器测试成功了要是没有强制刷新Chrome,也有可能还是找不到原因!所以说还是感谢上面链接的作者提供的清除Nginx缓存方法,也感谢自己一直测试没有想着放弃!
    在网上看到了很多提到这个问题而没有解决的同学,希望可以帮助到你们。。

    ps:后来又去网上找了Nginx sendfile的配置说明[https://blog.csdn.net/u011363729/article/details/70808585]

    展开全文
  • 昨天下午博主在开发学习的过程中,碰到一个修改JS无法生效的问题,折腾我不少的时间,现将百度到的解决方案总结一下,以便下次碰到类似问题能够最快的找到解决方案 2 解决方案 2.1 方案1 点击File->setting...
  • vue项目修改样式不生效

    千次阅读 2020-07-06 11:34:30
    项目中UI组件的scss样式修改不了踩坑 在vue或者react项目里经常需要修改import组件的样式,一般会使用 /deep/ >>> 等方式 但是在 lang=“scss” 情况下你会...当修改样式不生效时,不妨尝试一下!!! ...
  • 最近在去其他项目帮忙之后,重新回以前产品部拉取代码后,发现更新js之后chrome加载的仍是旧文件,因为项目是springboot的,application的配置已经是updateclasses and resources,网上搜了一圈发现基本上都这样就...
  • script type="text/javascript" th:src="@{/js/test/index.js}"></script> //加之后 <script type="text/javascript" th:src="@{/js/test/index.js?v=<%=new Date().getTime() %>}"></...
  • 使用laravel+vue开发,修改vue文件不生效修改js文件生效。哪位大神指导怎么解么?急求!!!
  •  如果在用户之前已经访问过系统,那么浏览器中会缓存该系统的CSS、JS,这些CSS、JS缓存未过期之前,浏览器只会从缓存中读取CSS和JS,如果在服务器上修改了css和js,那么这些修改在用户的浏览器中...
  • 最近在做商城项目,使用...结果在修改nginx文件夹下的js文件,浏览器访问网址现实的还是原来的旧的js文件。清理浏览器缓存,重启nginx均无效,最后在网上找到解决方案 在nginx配置中 将sendfile 设置为 off ...
  • js 修改Class未生效

    2021-07-26 20:37:59
    最近开发遇到了使用js的classList添加类时 未在页面中生效的问题,奇怪的是 使用JS查看dom数据类名是已经添加上的,但是页面上的dom对象并没有反应。部分代码如下: const options = { ...playPDFDefaultConfing,...
  • 修改js代码后清空缓存不生效

    千次阅读 2015-03-05 18:11:03
    昨天改一个bug,引起bug的逻辑非常简单,找到js方法后修改,测试时发现修改后的代码不生效 打开调试,发现另一个js中有一个同名的方法! 于是方法重命名,修改生效,bug解决 ...
  • 修改了trend_key.js 在 FF 刷新页面没用, 清空缓存也无法生效, 想到强制刷新看看, CTRL + F5 是重新下载页面及引用的所有文件, 刷新后, 成功生效。 ...
  • vue+elementUI修改样式不生效的解决过程 文章目录vue+elementUI修改样式不生效的解决过程 解决: 解决:
  • https://blog.csdn.net/milife2013/article/details/41481139?utm_source=blogxgwz3&utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242 ...
  • 用其他浏览器访问没有问题,但是在微信公众号中访问网页发现刚修改的BUG没生效(这里一般是js代码修改后没生效,html网页会生效) 原因: 微信会缓存js文件 解决办法: 修改BUG之后更新js版本号,或者使用者退出...
  • 前段时间主要做 js修改工作,遇到了js修改后,刷新页面能即时生效的问题。问题不大,原因也复杂:就是浏览器缓存问题。每次都手动清,费时费力,所以找了下前人经验,验证有效后整理出来。
  • VScode代码修改不生效

    千次阅读 2021-03-10 19:55:07
    第一种:把"files.autoSave":"off" 修改成"files.autoSave":"onFocusChange",意思是当编辑器失去焦点的时候就会自动更新文件内容到磁盘。 最后,保存设置,重启VSCode,以后修改内容就会自动更新了。 参考博客...
  • vue el-input v-model绑定之后清除了,是因为绑定的值没有在对象中,比如绑定了searchData.example,设置searchData的example为空时不生效,是因为searchData没有example属性,双向绑定不生效,所有在searchData里...
  • 关于js不生效的问题

    千次阅读 2019-11-02 01:58:55
    在页面中写了一段js代码,发现无论如何都不生效,一开始以为是js没引入,但审查元素发现js是引入了的,看页面元素 发现自己写的js跑到引入的jQuery代码中间 查看页面代码 <script type="text/javascript" src=...
  • IDEA上的SSM项目修改js文件没有生效 问题: 修改js文件后重启Tomcat,没有得到效果更新,还是之前的js效果 解决: 浏览器会缓存js文件,点击“清除浏览数据”,清除浏览器缓存
  • 最近刚接触phonegap,通过命令行创建phonegap项目后,导入eclipse中进行开发,但是将index.html修改后,点击eclipse的运行,改后的代码没有生效。 必须重新在命令行中:phonegap run android 后才能将效果加载。 ...
  • 修改css不生效 使用 !important也不生效时 使用 /deep/ /deep/#qrcode{ width:200px; }
  • freemarker模板修改不生效

    千次阅读 2018-06-05 11:38:02
    但是知道为啥修改后,刷新没有变化,重新启动springboot就可以看到变化。 在网上查了半天都说是因为缓存,各种方法都试了,还是没有解决。偶然发现我修改了java,但是eclipse没有自动编译。 一看果然,eclip...
  • #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024;...}
  • 一、以映射文件启动 1、双击tomcat进入tomcat配置页面 ... -server -Xms512m -Xmx512m -XX:NewSize=256M -XX:PermSize=256M -XX:MaxNewSize=512M - XX:MaxPermSize=512M -Dorg.apache.tapestry.dis...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 72,623
精华内容 29,049
关键字:

修改js不生效