HBuilderX 、Dreamweaver 2018、2019 升级以后 运行网页 都是基于服务器 。
可以实现更新并保存代码后无需刷新，自动显示最终效果，多屏操作时，方便许多。
而最近都是使用HBuilderX 写了一个非常小的案例 发现一个问题。
网页代码
<!-- 前端注释 --> <!-- 声明 文档引用类型 告诉浏览器 这是H5的文档格式 --> <!DOCTYPE html> <!-- 正式开始 根元素 --> <html> <!--头部 与浏览器交流 声明页面信息 配置 标题 编码集 样式 关键字 帮助浏览器正确解析这个网页或搜索引擎收录该网页 --> <head> <!-- 字符编码集 万国码 一个汉字3字节 --> <meta charset="utf-8"> <!-- 标题 --> <title>网页的模板</title> <!-- 小图标 --> <link href="favicon.ico" rel="shortcut icon" type="image/x-icon"> </head> <!-- 身体 与用户交流 展示用户所看到所有信息 --> <body> Hello HTML! 你好 网页! </body> </html>此时在HBuilderX中运行网页时 小图标在任何浏览器都可以正常显示
1、服务器地址 http://127.0.0.1:8848/92_93/20200902/1-demo.html
下图以谷歌或火狐 展示
2、绝对路径 file:///D:/xxxx/92_93/20200902/1-demo.html QQ浏览器
但是切换到Dreamweaver后 就无法显示网页的小图标
http://127.0.0.1:10648/preview/app/index.html
原因分析
可以发现Dreamweaver 把我写的网页内容加载到本身index.html的iframe中
此时发现 icon的路径是访问的以下地址http://127.0.0.1:10648/preview/app/favicon.ico
而HBuilderX是直接访问 自己写的网页
综上原因是DW的站点和服务器配置问题，需要使用IIS, 待解决！
PS: Internet Information Services (IIS)管理器
