zoukankan      html  css  js  c++  java
  • 修改css后浏览器自动更新样式(__browserLink_refresh)

    以前在vs修改了样式之后总要重新刷新下浏览器才能应用到修改后的样式,感觉非常的麻烦且浪费时间。

    突然发现VS有自带一个CSS自动刷新

    启用之后修改完样式一保存,浏览器便会去重新请求css的资源,http://localhost:1832/Resources/Css/newMain.css?__browserLink_refresh=0a3971cabbb04c4c8ddd583b411f91ae。

    这样以后我们就不用在浏览器改完样式后再复制到vs中去了,之前保存后前台的样式就会自动更新了,也避免了修改了一些东西还会遗忘掉。

    配合Gulp使用,就能直接修改sass文件点击保存后之前更新浏览器前台的样式。

     1 /// <binding AfterBuild='sass' />
     2 var gulp = require('gulp');
     3 var sass = require('gulp-sass');
     4 gulp.task('sass',
     5     function() {
     6         return gulp.src('Resources/Scss/*.scss')
     7             .pipe(sass())
     8             .pipe(gulp.dest('Resources/Css'));
     9     });
    10 gulp.watch('Resources/Scss/*.scss', gulp.series('sass'));//保存后自动生成css
  • 相关阅读:
    2020软件工程作业02
    第一次作业
    伪造IP
    Windows 上安装metasploit
    Kali安装 Typora
    在linux系统中安装调用汉语打字软件
    2020 年 10 月 10 日跑步随想
    最长公共前缀
    N皇后
    一道有趣的异步题
  • 原文地址:https://www.cnblogs.com/Cyril-hcj/p/12671225.html
Copyright © 2011-2022 走看看