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)管理器

Dreamweaver 无法显示网页小图标相关推荐

  1. 『精品素材』20套免费的网页小图标素材下载

    在网页设计工作中,图标设计是最耗时的任务之一,但幸运的是网络上有很多慷慨的设计师分享的现成的免费小图标素材包可以下载使用.下面这个列表收集了20套免费的网页小图标,记得分享和推荐啊. Free 16p ...

  2. 设计透明背景的ICON(网页小图标)

      Designo总会有不同成图的洁癖,只是需要纯粹的图案.   而在网页设计和App设计的时候,会用到透明背景的logo或者是icon之类的.上述的icon出现在网页设计中就是"网页小图标 ...

  3. 75个像素网页小图标素材

    内容提要:75个像素网页小图标素材,75个像素网页小图标素材,包括:心,箭头,用户,手,搜索,电话图标,声音图标,对号,箭头... 75个像素网页小图标素材,包括:心,箭头,用户,手,搜索,电话图标, ...

  4. 如何解决TortoiseSVN不显示状态小图标问题

    如何解决TortoiseSVN不显示状态小图标问题 在客户端使用TortoiseSVN来管理文件的版本是很方便地,它会在受管理的文件图标上显示一个小图标用来表示当前文件的版本状态,让我们看着一目了然, ...

  5. html之设置页面ico图标ie浏览器,如何修改网页小图标,浏览器页面上的图标(favicon.ico)...

    我们在查看网页的时候很多 那么如何更改这个图标呢?两种方式. 第一种方式: 1.找到已经安装的tomcat目录,进入D: omcatapache-tomcat-7.0.50-1webappsROOT目 ...

  6. 浏览器地址栏中显示自定义小图标 及什么是网站 ICO 图标?

    所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站.当然,这不仅仅是Favicon的全部,根据浏览器的不同 ...

  7. springboot网页小图标

    如图所示,每个网页上都有着自己独特的小图标,在SpringBoot中我们只需将小图标命名为favicon.ico,并放在静态资源目录下即可 制作小图标的网址:https://tool.lu/favic ...

  8. SpringBoot更换网页小图标favicon.ioc

    SpringBoot更换网页图标favicon.ioc 更换网页图标 1.用IOC转换工具制作出自己喜欢的ioc图标,命名为favicon.ioc 2.将favicon.ioc放在静态资源目录下 &q ...

  9. html 地址坐标图标,浏览器地址栏中显示自定义小图标

    什么是favicon? 所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站.当然,这不仅仅是Favicon ...

最新文章

  1. 我的WINCE4.2历程(10)
  2. erp沙盘采购总监的心得_erp沙盘模拟采购总监心得
  3. iOS连接linux服务器用什么,iOS实现通过SSH2协议链接Linux服务器,并执行相关指令...
  4. BZOJ 4259: 残缺的字符串 [FFT]
  5. mm1排队系统仿真matlab实验报告,MM1排队系统仿真matlab实验报告.doc
  6. 动态规划经典题目_「动态规划经典算法」本周总结(二)
  7. 2022年技术胖私藏工具分享
  8. Linux下libiconv库的安装和使用
  9. 3D打印笔 画出模型
  10. linux 光盘刻录命令,在Linux操作系统中使用命令进行光盘刻录
  11. 电脑耳机拔出后,再插入没声音
  12. 谷雨,这么美的公众号图文排版你见过吗?
  13. php微信网页不缓存,微信浏览器取消缓存的方法
  14. 计算三维空间中直线和三角形的交点
  15. Visual Studio 实用快捷键汇总
  16. C语言的字母大小写转化
  17. 《毕 业 论 文 致 谢 大 赏》
  18. MATLAB机器人工具箱(一 机器人运动学)
  19. 武汉大学信息管理学院莅临法大大交流
  20. 进球数 概率 组合数学

热门文章

  1. 关于用OC创建的项目调用swift代码
  2. Nikola盘前跌近2%,公司内部审查发现创始人部分言论不准确
  3. Nikola学习笔记
  4. 几种常见硬件(PCB板子)开源协议具体应用
  5. 初来乍到 还望各位同仁多多提携
  6. C语言实现大小写字母转换
  7. 无陌然个人倒计时引导页源码
  8. 2022人工智能数学基础1-2(许志钦
  9. 二郎学习之旅之shell 使用
  10. linux 卸载erlang