Twitter bootstrap iOS favicons（添加到主屏幕）

我正在使用ExtLib，有一个使用引导的应用程序。我想在用户选择“添加到主屏幕”时添加一个favicon。我通过如下方式扩展引导主题，成功地将我的图标添加到Chrome（Mac上）的选项卡栏中：

<control override="false">
    <name>ViewRoot</name>
    <property>
        <name>pageIcon</name>
        <value>/$icon</value>
    </property>
    <property>
        <name>pageTitle</name>
        <value>#{database.title}</value>
    </property>
</control>

视图根
页面图标
/$icon
页面标题
#{database.title}

我现在想在iOS中添加“添加到主屏幕”功能的图标。我需要做的是添加以下代码：

<link rel="apple-touch-icon" sizes="60x60" href="icon-60x60.png"/>
<link rel="apple-touch-icon" sizes="72x72" href="icon-72x72.png"/>
<link rel="apple-touch-icon" sizes="114x114" href="icon-114x114.png"/>
<link rel="apple-touch-icon" sizes="120x120" href="icon-120x120.png"/>
<link rel="apple-touch-icon" sizes="152x152" href="icon-120x120.png"/>  
<link rel="apple-touch-icon" sizes="180x180" href="icon-120x120.png"/>  

对。我似乎找不到使用XPages、ExtLib和bootstrap主题的示例

---

我希望能够将代码添加到主题或我的布局自定义控件

在布局自定义控件上使用头标签。下面是一个例子：

<xp:this.resources>
    <xp:headTag tagName="link">
        <xp:this.attributes>
            <xp:parameter name="rel" value="apple-touch-icon"></xp:parameter>
            <xp:parameter name="size" value="60x60"></xp:parameter>
            <xp:parameter name="href" value="icon-60x60.png"></xp:parameter>
        </xp:this.attributes>
    </xp:headTag>
</xp:this.resources>

---

在布局自定义控件上使用头标签。下面是一个例子：

<xp:this.resources>
    <xp:headTag tagName="link">
        <xp:this.attributes>
            <xp:parameter name="rel" value="apple-touch-icon"></xp:parameter>
            <xp:parameter name="size" value="60x60"></xp:parameter>
            <xp:parameter name="href" value="icon-60x60.png"></xp:parameter>
        </xp:this.attributes>
    </xp:headTag>
</xp:this.resources>

---

在布局自定义控件上使用头标签。下面是一个例子：

<xp:this.resources>
    <xp:headTag tagName="link">
        <xp:this.attributes>
            <xp:parameter name="rel" value="apple-touch-icon"></xp:parameter>
            <xp:parameter name="size" value="60x60"></xp:parameter>
            <xp:parameter name="href" value="icon-60x60.png"></xp:parameter>
        </xp:this.attributes>
    </xp:headTag>
</xp:this.resources>

---

在布局自定义控件上使用头标签。下面是一个例子：

<xp:this.resources>
    <xp:headTag tagName="link">
        <xp:this.attributes>
            <xp:parameter name="rel" value="apple-touch-icon"></xp:parameter>
            <xp:parameter name="size" value="60x60"></xp:parameter>
            <xp:parameter name="href" value="icon-60x60.png"></xp:parameter>
        </xp:this.attributes>
    </xp:headTag>
</xp:this.resources>

---

不确定为什么要将其放在主题中？我希望他们将应用程序的“条目”页面添加到书签中，因此这就是我需要正确图标的地方（我通常会将它们放在布局自定义控件中）

在（通常是单页应用程序）的“条目”页面上，我在

标记的开头添加了如下内容：

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<!-- Fav and touch icons -->
<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon" sizes="72x72"   href="images/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon"                 href="images/apple-touch-icon-57x57-precomposed.png">
<link rel="shortcut icon" type="image/png"   href="images/FavIcon.png">
<link rel="icon"             sizes="192x192" href="images/apple-touch-icon-144x144-precomposed.png">
<link rel="icon"             sizes="128x128" href="images/apple-touch-icon-114x114-precomposed.png">

当然，如果你想将头牌添加到主题中，你可以按照亨里克在回答中所描述的使用头牌

然后我还使用这个小脚本-在入门页上：-）

---

/约翰不知道你为什么要把它放在你的主题里？我希望他们将应用程序的“条目”页面添加到书签中，因此这就是我需要正确图标的地方（我通常会将它们放在布局自定义控件中）

在（通常是单页应用程序）的“条目”页面上，我在

标记的开头添加了如下内容：

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<!-- Fav and touch icons -->
<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon" sizes="72x72"   href="images/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon"                 href="images/apple-touch-icon-57x57-precomposed.png">
<link rel="shortcut icon" type="image/png"   href="images/FavIcon.png">
<link rel="icon"             sizes="192x192" href="images/apple-touch-icon-144x144-precomposed.png">
<link rel="icon"             sizes="128x128" href="images/apple-touch-icon-114x114-precomposed.png">

当然，如果你想将头牌添加到主题中，你可以按照亨里克在回答中所描述的使用头牌

然后我还使用这个小脚本-在入门页上：-）

---

/约翰不知道你为什么要把它放在你的主题里？我希望他们将应用程序的“条目”页面添加到书签中，因此这就是我需要正确图标的地方（我通常会将它们放在布局自定义控件中）

在（通常是单页应用程序）的“条目”页面上，我在

标记的开头添加了如下内容：

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<!-- Fav and touch icons -->
<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon" sizes="72x72"   href="images/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon"                 href="images/apple-touch-icon-57x57-precomposed.png">
<link rel="shortcut icon" type="image/png"   href="images/FavIcon.png">
<link rel="icon"             sizes="192x192" href="images/apple-touch-icon-144x144-precomposed.png">
<link rel="icon"             sizes="128x128" href="images/apple-touch-icon-114x114-precomposed.png">

当然，如果你想将头牌添加到主题中，你可以按照亨里克在回答中所描述的使用头牌

然后我还使用这个小脚本-在入门页上：-）

---

/约翰不知道你为什么要把它放在你的主题里？我希望他们将应用程序的“条目”页面添加到书签中，因此这就是我需要正确图标的地方（我通常会将它们放在布局自定义控件中）

在（通常是单页应用程序）的“条目”页面上，我在

标记的开头添加了如下内容：

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<!-- Fav and touch icons -->
<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon" sizes="72x72"   href="images/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon"                 href="images/apple-touch-icon-57x57-precomposed.png">
<link rel="shortcut icon" type="image/png"   href="images/FavIcon.png">
<link rel="icon"             sizes="192x192" href="images/apple-touch-icon-144x144-precomposed.png">
<link rel="icon"             sizes="128x128" href="images/apple-touch-icon-114x114-precomposed.png">

当然，如果你想将头牌添加到主题中，你可以按照亨里克在回答中所描述的使用头牌

然后我还使用这个小脚本-在入门页上：-）

---

---

/John

谢谢你，这解决了我添加到的问题，不幸的是，它没有解决我的问题，因为图标的GET使用的是基本URL，而不是服务器上的Domino URL作为Internet站点文档的设置-我仍在试图找出原因。听起来很有趣。请随意提出一个问题：-）Per，只是另一个问题-在提出我的问题之前，我尝试添加前端可用的所有资源-您是如何知道标签的？它作为通用头资源出现。。。在前端，不可编辑？我不知道我是从哪里读到的，但是Chris Toohey和其他人写了关于itI的博客明天会在办公室（大约每两周才进去一次：o），但是如果它在内部不起作用（即没有反向代理），我会在StackOverflow上发布代码，也许有人能帮上忙。谢谢你，这解决了我添加到的问题，不幸的是，它没有解决我的问题，因为图标的GET使用的是基本URL，而不是服务器上带有Internet站点文档的Domino URL设置-我仍在试着找出原因。听起来很有趣。请随意提出一个问题：-）Per，只是另一个问题-在提出我的问题之前，我尝试添加前端可用的所有资源-您是如何知道标签的？它作为通用头资源出现。。。在前端，不可编辑？我不知道我是从哪里读到的，但是Chris Toohey和其他人写了关于itI的博客明天会在办公室（大约每两周才进去一次：o），但是如果它在内部不起作用（即没有反向代理），我会在StackOverflow上发布代码，也许有人能帮上忙。谢谢你，这解决了我添加到的问题，不幸的是，它没有解决我的问题，因为图标的GET使用的是基本URL，而不是服务器上带有Internet站点文档的Domino URL设置-我仍在试着找出原因。听起来很有趣。请随意提出一个问题：-）Per，只是另一个问题-在提出我的问题之前，我尝试添加前端可用的所有资源-您是如何知道标签的？它作为通用头资源出现。。。在前端，不可编辑？我不知道在哪里读到