Discuz!手机端favicon.ico

2024-09-07

移动端页头推荐配置出现找不到favicon.ico错误原因和解决方法

favicon 在未指定 favicon 时,大多数浏览器会请求 Web Server 根目录下的 favicon.ico .为了保证 favicon 可访问,避免404,必须遵循以下两种方法之一: 在 Web Server 根目录放置 favicon.ico 文件: 使用 link 指定 favicon: <link rel="shortcut icon" href="path/to/favicon.ico"> 移动端页头推荐配置 <meta c

移除手机端a标签点击自动出现的边框和背景

手机端a标签会自动补充出现边框或者背景,使得用户知道a标签的点击状态,但样式很不好看 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>我的生活</title> <meta name

[转载]网站地址栏小图标favicon.ico的制作方法

有人也许会好奇,有的网址前面有个漂亮的小图标而且有的网站图标还会动,这是怎么做到的呢? 如下图所示: 那个小图标有个名字叫favicon.ico,网站图标虽小但可以起到很好的点缀作用,尤其是当浏览者将你的网站放入收藏夹之后,网站图标的作用就出来了,它可以使你的站点在众多网址中突出显示,对于用户体验起到很好的作用,好了,废话不多说,现在来告诉大家怎么做favicon.ico这个网站图标文件. 虽然现在有很多在线制作网站图标的网站,但制作出来的图标实在是差强人意,而且不支持透明样式的ico,这非常糟

使用localResizeIMG3+WebAPI实现手机端图片上传

前言惯例~惯例~昨天发表的使用OWIN作为WebAPI的宿主..嗯..有很多人问..是不是缺少了什么 - - 好吧,如果你要把OWIN寄宿在其他的地方...代码如下: namespace ConsoleTest { class Program { static void Main(string[] args) { string baseAddress = "http://localhost:9000/"; // 管道地址 //开启管道监听 WebApp.Start<Startu

《JS实现复制内容到剪贴板功能，可兼容所有PC浏览器，不兼容手机端》

前记:本来原生的JS是有提供一个函数来实现这个功能(window.clipboardData),但是很遗憾,这个函数仅仅支持IE和FF浏览器,所以基本用处不大.下边介绍的是一个第三方插件库(ZeroClipboard.js). ZeroClipboard.js在Git上的地址为:https://github.com/zeroclipboard/zeroclipboard 注意:此js库不支持兼容手机端(包括Android.IOS),仅支持PC端浏览器. 第一步:将插件库引入到工程中. 把Git上

【极品代码】一般人我不告诉他，手机端h5播放时不自动全屏代码

已测适用于ios,某些安卓手机微信下播放视频会出现播放器控件(这个实在是无力吐槽噢,因为之前还遇到过微信播放完视频后竟然无法退出全屏出现广告的情况,只有播放完后刷新页面并且要放到框架页里才能屏蔽微信视频广告!),之前用canvans渲染,感觉不够太完美,弄成背景切换形式得(用背景切换形式可以完美解决当一个容器有transform:rotate(90deg)属性时自适应百分比问题,若是canvans需去计算高宽太麻烦还需考虑不同系统). 想要手机端h5播放时不自动全屏比想象的简单,看加粗部分,一般

favicon.ico 404

favicon.ico是一个图标文件.就是浏览网站时显示在地址栏的那个图标. 类似是百度的显示在网站地址最前面的一张图片可以在网站根目录(TOMCAT_HOME/webapps/ROOT/favicon.ico)放一张图片命名为FAVICON.ICO 解决办法:1.页面中自定义图标去 http://www.bitbug.net/ 定制图标图片,有32*32,16*16等样式可供选择 2.在页面中引入定义的图片<link rel="shortcut icon" href=&q

判断是pc端还是手机端，并跳转到相应页面

<script> // class ! function(navigator) { var userAgent = navigator.userAgent; documentElement = document.documentElement; if (userAgent.match(/micromessenger\/5/gi)) { document

h5手机端下拉选择城市

<!doctype html><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximu

favicon.ico 404的问题(title栏前面的图标)

1.页面中自定义图标去 http://www.bitbug.net/ 定制图片,有32*32,16*16等样式可供选择 2.在页面中引入定义的图片 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />

PHP项目实现手机端和PC端的页面切换

目前访问页面的要切换成手机端和PC端,原理是通过对设备作出判断,显示不同的功能和页面. 如果手机端和PC端的功能结构不相同,一般会写两套系统,一套适用于PC端,一套适用于手机端. 如果功能相同,则只需要更换模板. 首先这是一套判断设备的代码. function ismobile() { // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset ($_SERVER['HTTP_X_WAP_PROFILE'])) return true; //此条摘自TPM智能切换模板引

手机端页面rem自适应脚本

什么是rem 参照 web app变革之rem 在我看来,rem就是1rem单位就等于html节点fontsize的像素值.所以改变html节点的fontsize是最为关键的一步.根据手机宽度改变相对大小就可以实现自适应了,就不用什么媒体查询那些的. 我们的设计图往往宽度是640或者其他尺寸的,不过我建议是用这个尺寸,以640为基准,以小到大,实现自适应,下面实现的比例为1rem=40px(640宽度). 为什么这样搞? 这样一套代码就搞定手机端尺寸自适应,不需要媒体查询,而且利用Sass和Le

vue+node开发手机端h5页面开发遇到的坑

项目进行中...随时更新这里记录了一些手机端调试的方式一 css 1.文字超过span宽度显示...(单行文字) .topWrap .introduce span { padding: 0 17px; display: inline-block; border-radius: 5px; height: 18px; line-height: 18px; margin-top: 15px; max-height: 18px; max-width: 90%; white-space:nowrap;

PHP获取网站图标（favicon.ico）文件

有的网站源码中加入了这几行代码: <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 或者是 <link rel=" icon" href="/favicon.ico" type="image/x-icon" /> 这样可以指定图标位置存放. 但现在的浏览器大多支持自动获取网站根

关于实现手机端自动获取天气的demo

博主大二做的一个项目,当时很傻很天真,但是还是贴出来,希望能给大家一点帮助.欢迎转载哦!我的博客园地址:http://www.cnblogs.com/natureless/ 首先分析需求,移动端实现天气查询.如果在没有给定地理位置的时候,那很简单,直接利用JSONP获取Open Weather API提供的一个接口,传个位置就好.这点我就不多说了,下面我要说的是,实现自动定位并获取天气. 首先要做准备工作:百度Map开发者的accesskey,OpenWeather开发者的accesskey.这

适应手机端的jQuery图片滑块动画DEMO演示

在线预览下载地址实例代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv

jQuery手机端触摸卡片切换效果

效果:http://hovertree.com/code/run/jquery/a1gr3gm9.html 可以用手机查看效果. 代码如下: <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=

移动手机端H5无缝间歇平滑向上滚动js代码

在没结合css3的transform实现平滑过渡前,我都是用的jquery的animate方法,此方法在PC端基本看不出来有稍微卡顿的现象,但是在性能不高的手机上使用该方法,就会有明显的卡顿现象,不够平滑,而且,在移动端H5页面中很多人使用的js库是zeptoJS,所以要想使用animate方法还要额外引用一个fx.js的插件,这无疑又增加了页面的体积,增加了服务器的请求负担,这显然不是最好的解决办法.那么,今天,本人就给大家分享一个利用css3的transform并结合transition来实

手机端布局rem 与vm的使用

手机端原来的时候,在项目中使用js判断出html的字体,然后根据rem设置字体,但是js本着少用的原则,考虑用vm,vh等(顺带说一句,vm vh是网页可视区域宽度高度即浏览器宽度减去约16px) 以750px的收集设计稿,采用36px的基础单位 html{ font-size: calc(36 * (100vw) / 750);}rem就可以使用了

Magento后台简单更换favicon.ico

刚才需要更换网站的favicon.ico,就是浏览器url前面的那个小图标. 网上稍微搜搜一下,然后就震惊了,号多方法是替换文件的方法,而且文件散步在网站的各个角落. 其实,后台是有直接上传更换的方法. 路径 system--Configuration--General--Design--HTML Head--Favicon Icon就可以更换了不出现的情况下,刷新下缓存. 附更换文件解决办法 (本博主注:以下方法试过不太好用,且麻烦,博主认为有些favicon不一定要更换,建议用上面的后台

判断浏览器是pc端还是手机端

1. 判断浏览器是pc端还是手机端 <script type="text/javascript"> var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf(, //IE内核 presto: u.indexOf(, //opera内核 webKit: u.in

Discuz!手机端favicon.ico

热门专题