如何通过界面图标启动web应用

道北吴彦祖

2015-09-29

1、准备好图片资源

如何通过界面图标启动web应用

2、在界面中添加一下代码

<link rel="apple-touch-icon-precomposed" sizes="114x114" href="icons/apple-touch-icon-114x114-precomposed.png">

<link rel="apple-touch-icon-precomposed" sizes="72x72" href="icons/apple-touch-icon-72x72-precomposed.png">

<link rel="apple-touch-icon-precomposed" href="icons/apple-touch-icon-precomposed.png">

<link rel="shortcut icon" href="icons/apple-touch-icon.png">

3、用Safari或者Chrome打开网站，按菜单中的添加到主屏幕即可

道北吴彦祖

0 关注 0 粉丝 0 动态

相关推荐

使用react-native-vector-icons矢量图标库

import AntDesign from ‘react-native-vector-icons/AntDesign‘;

Chenliaoyuan 2020-06-11

electron-vue项目打包踩坑记录

"allowElevation": true, // 允许请求提升。如果为false，则用户必须使用提升的权限重新启动安装程序。因为NPM在国内比较慢。导致electron-V.xxxx.zip下载失败。接去淘宝镜像文件库找到对应的文件

moyigg 2020-04-20

react首屏页面加载性能优化记录

devtool的值有好几个，根据自己的情况和环境的不同，选择合适的，一般打包的时候可以用：eval 、eval-source-map或者cheap-eval-source-map。我这边打包时，直接设置成了：‘eval’。具体可以去官网查看每个值的作用~如

Chenliaoyuan 2020-04-14

Ubuntu主题优化

1，下载主题和图标。3，把下载好的主题和图片解压和移动到 themes和icons

slytop 2020-03-27

gnome desktop

debian buster 的gnome-tweaks到处找不到显示桌面图标的选项，最后还是去 gnome 扩展网站找到了，

xiashulin 2020-03-06

Flutter之BottomNavigationBar的封装

List titles = <String>['首页', '收藏', '消息', '我的'];

李大仁 2019-11-08

百度地图删除removeOverlay指定覆盖物

});var icons = new BMap.IconSequence(sy, "10", "30");new BMap.Point(116.72537988063353, 23.3984551930871),ne

Donven 2019-09-07

css 伪类:last-child等不起作用

今天学生练习项目遇到不少问题，这里列举一个：css 伪类:last-child等不起作用？首先我再强调下，伪类选择器`:first-child`和`:last-child`是根据父级进行筛选的。所以如果想对某个尾部元素设置样式，必须在之前加上父级元素。原因

startXUEBA 2018-03-24

CentOS下安装Flashplayer

64位的centos 6 下，安装firefox的flash插件：。里面有最新的flash插件版本，比如。安装成功后，重启firefox ，在firefox的地址栏目里输入about:plugins，会显示下面结果，表明安装成功。

88971730 2011-08-18

8 Best Search Engines You Should Visit To Find High Quality Icons

Designing is an important part for every web developers. Icons are one of it. You can find out many icons collections websites.

jackiebobo 2011-04-08

Idea插件使用

Ideaactivate-power-modeactivate-power-mode for IDEA.根据Atom的插件activate-power-mode的效果移植到IDEA上。我喜欢打开colorful关闭combo，你们呢？Atom Materi

ccgsteel 2019-06-30

Debian System(2)Debian Desktop

org—>gnome—>desktop—>background—>show-desktop-icons

李大仁 2015-04-02

css 伪类:last-child等不起作用

今天学生练习项目遇到不少问题，这里列举一个：css 伪类:last-child等不起作用？首先我再强调下，伪类选择器`:first-child`和`:last-child`是根据父级进行筛选的。所以如果想对某个尾部元素设置样式，必须在之前加上父级元素。原因

aSuncat 2018-03-24

css font icon

SuiKaSan的自学室 2017-12-08

标签应用

<div class="panel-body" style="height: 300px; width: 100%; overflow: auto;" data-platform-scroll="&q

道北吴彦祖 2017-01-15

Bootstrap 3: 图标转换事件 Change icons when toggle

jQuery 遍历 - closest() 方法本例演示如何通过 closest() 完成事件委托。两者之间的差异尽管微妙，却很重要：。从当前元素开始从父元素开始沿 DOM 树向上遍历，直到找到已应用选择器的一个匹配为止。沿 DOM 树向上遍历，直到文档的

乔乔 2016-07-20

php实现无限级树型菜单（函数递归算法）

也可以将第二步和第三步合为一步。--more-->详细如下：1。(2, 0, '技术学习', '平时学习的一些笔记，欢迎批评指正。//print_r;数据库操作我用的是pear类库。

goodyatou 2016-03-27

借助 workbox 将网站升级成 PWA

PWA是谷歌近几年一直在推进的 web 应用新模型。PWA 借助 Service Worker 缓存网站的静态资源，甚至是网络请求，使网站在离线时也能访问。并且我们能够为网站指定一个图标添加在手机桌面，实现点击桌面图标即可访问网站。Web App Man

Pig00 2019-06-27

easyui 图标下拉框

.item-img{display:inline-block;vertical-align:middle;width:16px;height:16px;cursor: pointer;}.item-text{display:inline-block;ver

johncena 2014-12-05

《Android项目实战-博学谷》应用图标&欢迎界面

前言本项目使用Android Studio 3.0.1作为开发工具，参照传智播客教材《Android项目实战——博学谷》。创建项目可参照落萚简书文集——Android安全卫士开发笔记，里面详细讲述过项目的创建以及上传Github，在此不再赘述。Google

李大仁 2019-06-26

道北吴彦祖

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号