Email 移动电子邮件正文:根据客户端应用更改链接
想要显示适当的深度链接:所以如果android没有安装我们的应用程序:显示android应用程序链接,否则显示html页面链接 应用程序向用户发送电子邮件。希望能够根据设备更改链接。如果桌面是这样的。如果安装了本机应用程序,则通过邮件正文并将“m.”添加到所有href或其他链接 移动邮件客户端是否运行js 我需要对js进行编码吗。尝试谷歌,但无法获得正确的关键字搜索。在关于发送网格或使用js发送电子邮件的页面结束 我想js内电子邮件正文。我知道可以在服务器上更改模板,但希望它对当前客户端是动态的。所以在桌面->桌面链接上打开相同的电子邮件;手机应用程序或浏览器内部-手机链接 或者其他html解决方案会很酷。你在听吗 想要显示适当的深度链接:所以如果android没有安装我们的应用程序:显示android应用程序链接,否则显示html页面链接 这不能在电子邮件中完成,但可以在登录页中完成,如电子邮件的网络版本 应用程序向用户发送电子邮件。希望能够根据设备更改链接。如果桌面是这样的。如果安装了本机应用程序,则通过邮件正文并将“m.”添加到所有href或其他链接 这可以通过使用媒体查询在适当时隐藏/显示桌面或移动内容来实现。(回复邮件) 移动邮件客户端是否运行js 不,安全问题 我需要对js进行编码吗。尝试谷歌,但无法获得正确的关键字搜索。在关于发送网格或使用js发送电子邮件的页面结束 您无法让JS在电子邮件客户端中工作。这就是行不通 我想js内电子邮件正文。我知道可以在服务器上更改模板,但希望它对当前客户端是动态的。所以在桌面->桌面链接上打开相同的电子邮件;手机应用程序或浏览器内部-手机链接 同样,这可以通过媒体查询来完成。(回复邮件)有一些缺点,但我建议先在谷歌搜索“回复邮件” 或者其他html解决方案会很酷。你在听吗 在电子邮件世界里,他们无能为力。与web浏览器不同,在电子邮件世界中,任何东西都可以 编辑:虽然使用媒体查询来显示设备的适当链接/按钮,但这不是一个防弹解决方案。最好的解决方案是使用web服务器的功能来确定用户应该去哪里,这取决于他们的用户代理或视口大小 想要显示适当的深度链接:所以如果android没有安装我们的应用程序:显示android应用程序链接,否则显示html页面链接 这不能在电子邮件中完成,但可以在登录页中完成,如电子邮件的网络版本 应用程序向用户发送电子邮件。希望能够根据设备更改链接。如果桌面是这样的。如果安装了本机应用程序,则通过邮件正文并将“m.”添加到所有href或其他链接 这可以通过使用媒体查询在适当时隐藏/显示桌面或移动内容来实现。(回复邮件) 移动邮件客户端是否运行js 不,安全问题 我需要对js进行编码吗。尝试谷歌,但无法获得正确的关键字搜索。在关于发送网格或使用js发送电子邮件的页面结束 您无法让JS在电子邮件客户端中工作。这就是行不通 我想js内电子邮件正文。我知道可以在服务器上更改模板,但希望它对当前客户端是动态的。所以在桌面->桌面链接上打开相同的电子邮件;手机应用程序或浏览器内部-手机链接 同样,这可以通过媒体查询来完成。(回复邮件)有一些缺点,但我建议先在谷歌搜索“回复邮件” 或者其他html解决方案会很酷。你在听吗 在电子邮件世界里,他们无能为力。与web浏览器不同,在电子邮件世界中,任何东西都可以Email 移动电子邮件正文:根据客户端应用更改链接,email,mobile,html-email,deep-linking,Email,Mobile,Html Email,Deep Linking,想要显示适当的深度链接:所以如果android没有安装我们的应用程序:显示android应用程序链接,否则显示html页面链接 应用程序向用户发送电子邮件。希望能够根据设备更改链接。如果桌面是这样的。如果安装了本机应用程序,则通过邮件正文并将“m.”添加到所有href或其他链接 移动邮件客户端是否运行js 我需要对js进行编码吗。尝试谷歌,但无法获得正确的关键字搜索。在关于发送网格或使用js发送电子邮件的页面结束 我想js内电子邮件正文。我知道可以在服务器上更改模板,但希望它对当前客户端是动态的
编辑:虽然使用媒体查询来显示设备的适当链接/按钮,但这不是一个防弹解决方案。最好的解决方案是使用web服务器的功能来确定用户应该去哪里,这取决于他们的用户代理或视口大小 根据使用媒体查询的设备,您可以显示/隐藏链接。试试这个:
<style>
@media only screen and (max-device-width: 500px) {
a[class=mobileLink] {
display: inline !important;
font-size: 24px !important;
}
a[class=desktopLink] {
display: none !important;
}
}
</style>
<!-- Starting link switching technique -->
<a href="link/for/desktop/version" class="desktopLink">HTML page link</a>
<a href="link/for/mobile/version" class="mobileLink" style="display:none;
font-size:0px">Mobile page link</a>
<!-- End link switching technique -->
@仅介质屏幕和(最大设备宽度:500px){
a[class=mobileLink]{
显示:内联!重要;
字体大小:24px!重要;
}
a[类别=桌面链接]{
显示:无!重要;
}
}
是的,Outlook会忽略显示:无,但如果链接只是文本,则字体大小:0px应注意这一点。您可以根据使用媒体查询的设备显示/隐藏链接。试试这个:
<style>
@media only screen and (max-device-width: 500px) {
a[class=mobileLink] {
display: inline !important;
font-size: 24px !important;
}
a[class=desktopLink] {
display: none !important;
}
}
</style>
<!-- Starting link switching technique -->
<a href="link/for/desktop/version" class="desktopLink">HTML page link</a>
<a href="link/for/mobile/version" class="mobileLink" style="display:none;
font-size:0px">Mobile page link</a>
<!-- End link switching technique -->
@仅介质屏幕和(最大设备宽度:500px){
a[class=mobileLink]{
显示:内联!重要;
字体大小:24px!重要;
}
a[类别=桌面链接]{
显示:无!重要;
}
}
是的,Outlook会忽略显示:无,但如果链接只是文本,字体大小:0px应该注意。,即使可以,我也不确定如何(可靠地)检测设备。相反,在您链接到的页面上检测设备并进行重定向;或者更好,制作一个“适当的”响应页面。感谢回复,因此无法根据设备类型和安装内容显示或隐藏设备中正在读取的电子邮件中的链接?想要显示适当的深度链接:因此,如果android没有安装我们的应用程序:显示android应用程序链接,否则显示html页面链接。即使可以,我也不确定如何(可靠地)检测设备。相反,在您链接到的页面上检测设备并进行重定向;或者更好,制作一个“适当的”响应页面