WebStorm引入样式路径及调试页面未授权解决

 时间:2024-10-24 20:06:25

1、打开WebStrom开发工具,新建test.html文件,并在同个目录下放入bootstrap4的文件夹,目录结构如下图

WebStorm引入样式路径及调试页面未授权解决

3、浏览器查看效果,并没有预期的效果,而是不加任何样式的按钮出现

WebStorm引入样式路径及调试页面未授权解决

5、既然路径没有问题,在编辑器能找到,在网页应也能找到,WebStrom在打开网页时会建立一个server,能从根目录访问到bootstrap.min.css

WebStorm引入样式路径及调试页面未授权解决

7、再打开浏览器访问就正常了,另外WebStrom不能引入上层目录的样式,这个也需要注意,当然可以通过修改配置来设置,但是并不建议这样做,因为整个工程看起来会比较混乱

WebStorm引入样式路径及调试页面未授权解决
  • css设置左上角圆角
  • CSS中如何给圆角加边框?
  • Ubuntu下如何安装VMware Tools
  • vue中如何使用echarts
  • 如何从Apache官网下载老版本的maven
  • 热门搜索
    嵌怎么读 香菇包子馅的做法 咖喱牛肉土豆的做法 洗衣机怎么用 马桶堵了怎么办 怎么煮汤圆 qq空间怎么设置访问权限 蓝莓怎么洗才干净 小米电视怎么收看卫视 甲醛超标怎么办