2012-02-22 48 views
3

Gmail在电子邮件中引入了修剪功能,以实现“更好的可读性”。这给我带来了很多痛苦,因为我有一个电子邮件通知系统,我发送一些html电子邮件给用户。基本上,电子邮件看起来是这样的:Gmail正在修剪html电子邮件内容。如何避免这个问题?

divs and styling 
Object alert in Project by User 
tables and tr/td 
User Action on Object in Project 
/tables and tr/td 
/divs and styling 

link 
footer 

为组中的所有电子邮件一次谈话,第一封邮件有问题,随后的电子邮件已重新:主题。

活跃用户可以收到大量这样的电子邮件,但由于“更好的可读性”功能,所有电子邮件内容(从第二封电子邮件开始)都被禁止。

我在寻找建议 - 也许我应该重新设计我的html,或者gmail有一些反抑制代码,或者只是一个黑客来解决这个问题。从用户的角度来看

问题在这里描述:http://www.google.com/support/forum/p/gmail/thread?tid=756b83fa60ca1df7&hl=en

+0

我认为如果您提供两条消息的完整HTML,并且可能会发生什么屏幕截图,那么帮助您会更容易。 – SamB 2012-02-22 21:37:41

+0

嗨,如果我是你,我会尝试玩电子邮件,直到我想出了什么使他们认识到电子邮件是前一个电子邮件的延续,然后尝试改变它。也许不同的电子邮件应该有不同的主题,或者主题是不相关的......我不会屏住呼吸让他们修复它 – 2012-02-23 17:49:08

回答

6

我有一个HTML通讯的表中出现的修剪问题。 整个表格的显示非常重要,因为它是我们客户想要沟通的#1内容 。这是修复,或者至少这是我们如何解决我们的问题。 我们消除了任何重复。 因此,对于此表格,每行之间的线条,Gmail都将 行视为重复行。所以我将像素宽度每隔 一行改变了1px,这消除了重复并解决了我们的问题。所以 说,寻找重复,并尝试删除它。或者在某些情况下,您可能不得不添加类型(以白色)来创建变体。

Source

PS:这是有点风马牛不相及,但我偶然发现了这个问题,同时寻找一种方法来禁用内容微调,并保持会话视图在同一时间。我没有找到任何东西,所以我为ChromeFirefox开发了一个小扩展。

2

这是一个可怕的错误在Gmail中,如果你不幸被它咬了。

在我的情况下,它是“修整”一个整个消息,在一个清洁线程See an example here,注意到“剪裁”内容在屏幕截图中展开。

我最终通过删除在该示例中看到的整个标题(“Awesome Home Swap”)(包括其下面的边框)来解决Gmail的错误。我并没有试图弄清楚什么特别是让Gmail把这个标题混淆为“签名”(尽管我怀疑它可能是边框,使用CSS指令border-bottom:1px dotted grey来实现<td>元素的样式)。

+0

顺便说一句,[this reference](http://www.labnol.org/internet/) gmail-trimming-signature/28762 /)可能具有一定的价值。 – 2015-03-04 22:42:54

0

添加双连字符-之前折叠部分。我能够用与背景相匹配的字体颜色来包装它。为我工作......

6

事实证明,导致此行为的规则非常简单:只要邮件正文中包含发件人(From:)名称,Gmail就会剪切该邮件,而不管其出现在何处。

解决方案:请确保电子邮件中的名称From:未在邮件正文中使用(签名除外,该签名可能会被剪辑!)。

+1

多么愚蠢的规则(虽然它发生在我身上可能是事后很长时间的问题)......当然,发件人的姓名出现在他的电子邮件Google中并不罕见? – 2016-04-23 20:47:26

0

我刚刚找到一个解决方案,对我来说非常有效。只需在整个电子邮件中创建一堆隐藏的独特图像,即可为电子邮件中实际不具有唯一性的部分提供唯一性。我建设我的电子邮件与之反应,所以我有我使用几乎无处不在此Unique组件:

import * as React from "react" 

function random() { 
    return Math.round(Math.random() * 10000000).toString() 
} 

class Unique extends React.PureComponent { 

    render() { 
     return (
      <img style={Unique.style} src={`data:image/png;base64,${random()}`} /> 
     ) 
    } 


    static style = { 
     visibility: "hidden", 
     display: "none", 
     width: 0, 
     height: 0, 
     color: "transparent", 
     background: "transparent", 
    } 
} 

有一件事我喜欢这个解决方案是,它不会弄乱电子邮件预览文本否则会发生,如果你使用隐藏的文字。

相关问题