html - 无法调试 Gmail Mobile 的电子邮件模板-6ren

html - 无法调试 Gmail Mobile 的电子邮件模板

转载作者：行者123 更新时间：2023-11-28 15:58:45

http://codepen.io/anon/pen/dOGWQW

错误截图:

http://imgur.com/a/JjNLn

无论我尝试更改什么，我都无法将写着“我们可以建议”的部分或写着“想要更多产品吗？”的部分置于 gmail 移动应用程序的中心。
如果您将手机转为横向模式，它会全部显示正确，但在正常的垂直 View 中，即使文本仍然居中， block 的宽度也不是 100%。
那么出于某种原因，页脚文本只是文本左对齐。

在 Chrome 移动版上的 gmail.com 上，整个模板看起来根本不是为移动设备设计的，而是全桌面宽度。

我该如何调试？
我不能在这些程序中使用任何类型的开发工具，而且我在代码中无法想到的任何东西都应该让它这样做。

<!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="Content-Type" content="text/html; charset=utf-8" />
    <!--[if !mso]><!-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!--<![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
    <style type="text/css">
/* Basics */
body {
    Margin: 0;
    padding: 0;
    min-width: 100%;
    background-color: #fff;
}
table {
    border-spacing: 0;
    font-family: sans-serif;
    color: #123050;
}
td {
    padding: 0;
}
table, tbody, tr, td {
    border: none;
    border-color: #fff;
}
img {
    border: 0;
}
.wrapper {
    width: 100%;
    table-layout: fixed;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.webkit {
    max-width: 600px;
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.15);
}
.outer {
    Margin: 0 auto;
    width: 100%;
    max-width: 600px;
    background: #fff;
}
.inner {
    padding: 10px;
}
.contents {
    width: 100%;
}
p {
    Margin: 0;
}
a {
    color: #ed9d2a;
    text-decoration: none;
}
.h1 {
    font-size: 21px;
    font-weight: bold;
    Margin-bottom: 18px;
}
.h2 {
    font-size: 18px;
    font-weight: bold;
    Margin-bottom: 12px;
}
.full-width-image img {
    width: 100%;
    max-width: 600px;
    height: auto;
}

/* One column layout */
.one-column .contents {
    text-align: left;
}
.one-column p {
    font-size: 14px;
    Margin-bottom: 10px;
}

/*Two column layout*/
.two-column {
    text-align: center;
    font-size: 0;
}
.two-column .column {
    width: 100%;
    max-width: 300px;
    display: inline-block;
    vertical-align: top;
}
.two-column .contents {
    font-size: 14px;
    text-align: left;
    border:1px solid #dedede;
    border-radius: 3px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}
.two-column img {
    width: 100%;
    max-width: 280px;
    height: auto;
}
.two-column .image {
    padding: 9px 5px 0;
}
.two-column .text {
    padding: 0 5px 17px;
    padding-top: 10px;
}


/*Three column layout*/
.three-column {
    text-align: center;
    font-size: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.three-column .column {
    width: 100%;
    max-width: 200px;
    display: inline-block;
    vertical-align: top;
}
.three-column img {
    width: 100%;
    max-width: 180px;
    height: auto;
}
.three-column .contents {
    font-size: 14px;
    text-align: center;
}
.three-column .text {
    padding-top: 10px;
}

/* Left sidebar layout */
.left-sidebar {
    text-align: center;
    font-size: 0;
}
.left-sidebar .column {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.left-sidebar .left {
    max-width: 100px;
}
.left-sidebar .right {
    max-width: 500px;
}
.left-sidebar .img {
    width: 100%;
    max-width: 80px;
    height: auto;
}
.left-sidebar .contents {
    font-size: 14px;
    text-align: center;
}
.left-sidebar a {
    color: #85ab70;
}

/* Right sidebar layout */
.right-sidebar {
    text-align: center;
    font-size: 0;
}
.right-sidebar .column {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.right-sidebar .left {
    max-width: 100px;
}
.right-sidebar .right {
    max-width: 500px;
}
.right-sidebar .img {
    width: 100%;
    max-width: 80px;
    height: auto;
}
.right-sidebar .contents {
    font-size: 14px;
    text-align: center;
}
.right-sidebar a {
    color: #70bbd9;
}

h2.featured {
    font-size: 39px;
    letter-spacing: -1px;
    font-weight: bold;
    font-style: italic;
    color: #ffad38;
    text-align: center;
    margin: 0 auto 0px;
}
.subtitle {
    font-size: 14px;
    font-style: italic;
    color: #7c8697;
    text-align: center;
    margin-bottom: 30px;
}
.bold {
    font-weight: bold;
}
.header {
    text-align: center;
    padding-bottom: 25px;
}
.header-wrap {
    background: #123050 center bottom no-repeat;
    display: block;
    width: 100%;
}
img.header-desktop {
    display: block;
    width: 100%;
}
img.header-mobile {
    display: none;
    height:1px;
    width: 1px;
}
h3 {
    color: #123050;
    font-size: 27px;
    text-align: center;
    font-weight:900;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 20px;
}
h4.suggest {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 17px;
    letter-spacing: -1.5px;
    margin-top: 0;
    margin-bottom: 10px;
}
td.suggest {
    padding-top: 31px;
}
h5 {
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom:3px;
}
h3.fancy {
    margin: 0 0 43px;
}
h3.fancy a {
    color: #123050;
    font-size: 24px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 43px;
}
h3.fancy a span {
    color: #367eeb;
    transition: 75ms ease-in color;
}
h3.fancy a:hover span {
    color: #123050;
}
h4.fancy {
    font-size: 17px;
    font-weight: normal;
    font-style: italic;
    margin: 0 0 10px;
}
p.phone {
    margin-bottom: 5px;
}
.category {
    font-size: 13px;
    font-style: italic;
    margin-bottom: 30px;
}
p.feature-desc {
    color: #414d62;
    max-width: 465px;
    margin: 0 auto;
    margin-bottom: 40px;
}
a.button {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    border: 2px solid #ffaf3d;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 37px;
    width: 127px;
    line-height: 37px;
    text-decoration: none;
    display: inline-block;
}
.button img {
    display: none;
}
a.button-view {
    background: #ffaf3d;
    color: #fff;
}
a.button-info {
    color: #ffaf3d;
    width: 103px;
}
a.button-view:hover {
    border-color: #ed9d2a;
    background: #ed9d2a;
    color: #fff;
}
a.button-info:hover {
    background: #ffaf3d;
    color: #fff;
}
.td-button {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    border: 2px solid #ffaf3d;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 37px;
    width: 127px;
    line-height: 37px;
    text-decoration: none;
    display: inline-block;
}
.td-view {
    background: #ffaf3d;
    color: #fff;
}
.td-info {
    color: #ffaf3d;
    width: 103px;
}
.td-view a {
    color: #fff;
    height: 37px;
    width: 127px;
    line-height: 37px;
    display: block;
    text-align: center;
}
.td-info a {
    color: #ffaf3d;
    height: 37px;
    width: 103px;
    display: block;
}
.td-view:hover {
    border-color: #ed9d2a;
    background: #ed9d2a;
    color: #fff;
}
.td-info:hover {
    background: #ffaf3d;
    color: #fff;
}
.td-view:hover a {
    border-color: #ed9d2a;
    background: #ed9d2a;
    color: #fff;
}
.td-info:hover a {
    background: #ffaf3d;
    color: #fff;
}

a.small-button {
    color: #152845;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 3px 0;
    text-decoration: none;
}
img.separator {
    width: auto;
    height: 10px;
    display: inline-block;
    padding: 0;
    margin: 0;
}
a.small-button-view {
}
a.small-button:hover {
    color: #384c69;
}
.shadow {
    box-shadow: 0px 5px 9px -5px rgba(0,0,0,0.2);
    border-bottom: 1px solid #ddd;
    padding-top: 37px;
    padding-bottom: 35px;
}
.more {
    padding-top: 22px;
    padding-bottom: 47px;
    text-align: center !important;
    box-sizing: border-box;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
.footer {
    background: #123050;
}
.footer p {
    color: #fff;
    height: 45px;
    padding-top: 10px;
    margin: 0;
    text-align: center;
}
.footer a {
    color: #fff;
    display: inline-block;
    height: 40px;
}
.footer span {
    padding-right: 5px;
}
.center, .text, h4, h5 {
    text-align: center;
}


@media (max-width:599px) {

/*  img.header-mobile {
        display: inline !important;
        height: auto;
        width: auto;
    }
    img.header-desktop {
        display: none;
        height: 1px;
        width: 1px;
    }
*/

    .one-column .contents {
    text-align: center !important;
    }
}


</style>

    <!--[if (gte mso 9)|(IE)]>
    <style type="text/css">
        table {border-collapse: collapse;}
    </style>
    <![endif]-->
</head>
<body>
    <center class="wrapper">
        <div class="webkit">
            <!--[if (gte mso 9)|(IE)]>
            <table width="600" align="center">
            <tr>
            <td>
            <![endif]-->
            <table class="outer" align="center">
                <tr>
                    <td class="header">
                        <a  class="header-wrap" href="">logo</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <h2 class="featured">Featured Product</h2>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p class="subtitle">Recommendations for <span class="bold">All Star Marketing</span></p>
                    </td>
                </tr>
                <tr>
                    <td class="full-width-image">
                        <img src="http://www.inventionhome.com/dev/hotlink/images/featured.jpg" width="600" alt="" />
                    </td>
                </tr>
                <tr>
                    <td class="one-column">
                        <table width="100%">
                            <tr>
                                <td style="padding-top: 37px; padding-bottom: 35px;" class="inner contents shadow">
                                    <h3>Item Name</h3>
                                    <p class="feature-desc">Item Name is an electronic warmer, featuring a lightweight design that enables easy transportation of a hot food item between locations.</p>

                                    <div style="width: 243px; margin: 0 auto; text-align: center;">
                                        <table width="100%; max-width: 243px;">
                                            <tr>
                                                <td class="td-button td-view" valign="middle" align="center">
                                                    <a href="" title=""><p style="display: block;">View Product</p><p style="display: block; height: 7px;">&nbsp;</p></a>
                                                </td>
                                                <td>
                                                    <img src="http://www.inventionhome.com/dev/hotlink/images/5x20.png" alt="" />
                                                </td>
                                                <td class="td-button td-info" valign="middle"  align="center">
                                                    <a href="" title=""><p style="display: block;">More Info</p><p style="display: block; height: 7px;">&nbsp;</p></a>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td class="one-column">
                        <!--[if (gte mso 9)|(IE)]>
                        <table width="100%">
                        <tr>
                        <td width="50%" valign="top">
                        <![endif]-->
                        <div class="column">
                            <table width="100%">
                                <tr>
                                    <td class="inner">
                                        <table class="contents">
                                            <tr>
                                                <td style="padding-top: 31px;" class="inner contents suggest">
                                                    <h4 class="suggest" vspace="50">May we also suggest</h4>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <!--[if (gte mso 9)|(IE)]>
                        </td><td width="50%" valign="top">
                        <![endif]-->
                    </td>
                </tr>
                <tr>
                    <td class="two-column">
                        <!--[if (gte mso 9)|(IE)]>
                        <table width="100%">
                        <tr>
                        <td width="50%" valign="top">
                        <![endif]-->
                        <div class="column">
                            <table width="100%">
                                <tr>
                                    <td class="inner">
                                        <table class="contents">
                                            <tr>
                                                <td class="image">
                                                    <img src="http://www.inventionhome.com/dev/hotlink/images/1.jpg" width="280" alt="" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text">
                                                    <h5>Item Name</h5>
                                                    <p class="category">Kitchen</p>
                                                    <p>
                                                    <a class="small-button small-button-view" href="" title="">View Product</a>
                                                    <img class="separator" src="http://www.inventionhome.com/dev/hotlink/images/separator.jpg" alt="" />
                                                    <a class="small-button small-button-info" href="" title="">More Info</a>
                                                    </p>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <!--[if (gte mso 9)|(IE)]>
                        </td><td width="50%" valign="top">
                        <![endif]-->
                        <div class="column">
                            <table width="100%">
                                <tr>
                                    <td class="inner">
                                        <table class="contents">
                                            <tr>
                                                <td class="image">
                                                    <img src="http://www.inventionhome.com/dev/hotlink/images/2.jpg" width="280" alt="" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text">
                                                    <h5>Item Name</h5>
                                                    <p class="category">Kitchen</p>
                                                    <a class="small-button small-button-view" href="" title="">View Product</a>
                                                    <img class="separator" src="http://www.inventionhome.com/dev/hotlink/images/separator.jpg" alt="" />
                                                    <a class="small-button small-button-info" href="" title="">More Info</a>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <!--[if (gte mso 9)|(IE)]>
                        </td>
                        </tr>
                        </table>
                        <![endif]-->
                    </td>
                </tr>
                <tr>
                    <td class="two-column">
                        <!--[if (gte mso 9)|(IE)]>
                        <table width="100%">
                        <tr>
                        <td width="50%" valign="top">
                        <![endif]-->
                        <div class="column">
                            <table width="100%">
                                <tr>
                                    <td class="inner">
                                        <table class="contents">
                                            <tr>
                                                <td class="image">
                                                    <img src="http://www.inventionhome.com/dev/hotlink/images/two-column-01.jpg" width="280" alt="" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text">
                                                    <h5>Item Name</h5>
                                                    <p class="category">Kitchen</p>
                                                    <a class="small-button small-button-view" href="" title="">View Product</a>
                                                    <img class="separator" src="http://www.inventionhome.com/dev/hotlink/images/separator.jpg" alt="" />
                                                    <a class="small-button small-button-info" href="" title="">More Info</a>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <!--[if (gte mso 9)|(IE)]>
                        </td><td width="50%" valign="top">
                        <![endif]-->
                        <div class="column">
                            <table width="100%">
                                <tr>
                                    <td class="inner">
                                        <table class="contents">
                                            <tr>
                                                <td>
                                                    <img src="http://www.inventionhome.com/dev/hotlink/images/4.jpg" width="280" alt="" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text">
                                                    <h5>Item Name</h5>
                                                    <p class="category">Kitchen</p>
                                                    <a class="small-button small-button-view" href="" title="">View Product</a>
                                                    <img class="separator" src="http://www.inventionhome.com/dev/hotlink/images/separator.jpg" alt="" />
                                                    <a class="small-button small-button-info" href="" title="">More Info</a>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <!--[if (gte mso 9)|(IE)]>
                        </td>
                        </tr>
                        </table>
                        <![endif]-->
                    </td>
                </tr>
                <tr>
                    <td class="one-column">
                        <table width="100%">
                            <tr>
                                <td class="inner contents more">
                                    <h4 class="fancy">Want more products?</h4>
                                    <h3 class="fancy"><a href="http://www.ishowonline.com/" title="iShowOnline">Visit <span>Us Here</span></a></h3>
                                    <h4 class="fancy">Contact us at</h4>
                                    <p class="center phone"><strong>1-888-888-7777</strong></p>
                                    <p class="center"><a style="font-weight: bold;" href="mailto:marketing@inventionhome.com" title="email">marketing@company.com</a></p>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td style="background: #123050;" class="one-column footer">
                        <table width="100%">
                            <tr>
                                <td class="inner contents">
                                    <p class="center"><span style="color: #fff;">Connect with us</span> <a class="social-icon" href="https://www.facebook.com/invention.home/" title=""><img src="http://www.inventionhome.com/dev/hotlink/images/facebook.png" alt="Facebook" /></a><a class="social-icon" href="https://twitter.com/Inventionhome" title=""><img src="http://www.inventionhome.com/dev/hotlink/images/twitter.png" alt="Twitter" /></a></p>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->

        </div>
    </center>
</body>
</html>

最佳答案

我向我的 gmail 帐户发送了一封包含您的代码的电子邮件，然后在我的手机上查看它，它看起来非常完美。

但正如您所说，如果我使用 chrome 浏览器并登录到 gmail，它看起来就像您描述的那样。

原因是当在浏览器中查看时，GMAIL 正在剥离您的内联样式表。原始消息是完整的，但客户端在没有样式表的情况下呈现它。

要解决此问题，您需要使用 HTML 元素上的样式属性对样式进行编码，如下所示。

<table style="text-align:center">

现在你的下一个问题是我怎么知道的？我在桌面上的谷歌浏览器中按 F12，然后查看电子邮件。这使我可以看到应用的 HTML 和样式。然后在开发人员工具中，我点击 Toggle Device Toolbar 然后选择我想要模拟的设备，在本例中我选择 iPhone 6+。

然后您可以查看 html 并在工具中对其进行调整和更正。

我还建议您做一些 Inbox Testing ，查看电子邮件的内容，我认为您会在几个位置点击垃圾邮件箱。

关于html - 无法调试 Gmail Mobile 的电子邮件模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40537316/

文章推荐： swift - CLLocationManager、核心数据和数组

文章推荐： css - 如何更改用作背景图像的 svg 的颜色

文章推荐： html - 跨浏览器兼容的可滚动表

c++ - 模板的特化模板的定义
namespace std { template <> class hash{ public : size_t operator()( cons
javascript - 出于 SEO 原因，对相同内容使用 Django 模板 + Vue 模板
我正在构建一个 Javascript 交互性有限的 Django 应用程序，并且正在研究如何将 Vue 模板与 Django 模板合并以实现相同的内容。想象一个无限滚动的页面，其中 SEO 非常重要
javascript - 外部类调用 LitElement 组件方法(传递 html 模板)，组件方法更新其 html 模板
我需要一个由游戏逻辑组成的外部类，调用 LitElement 组件，并向其传递一个 html 模板文字，该组件将使用该文字来更新其自己的 html 模板文字的一部分。在下面的代码中，您将看到组件的一
ember.js - 是否可以使用脚本标签加载 Handlebars 模板？或者在 Ember.js 中以编程方式定义 Handlebars 模板
很简单，我不想在 html 文件中定义所有 Handlebars 模板我试过了但这并没有奏效。我是否可以不以编程方式定义模板，甚至只是加载 Handlebars 文件，以便我可以重用，而且我觉得
templates - JQuery 1.5 模板 : JQuery 1. 5 未呈现我的模板。如何调用 JQuery 1.5 模板？
在此代码中，j 正确地成为对象:j.name、j.addr、j.city、j.state 和 j.zip。但是，成功函数有一个 JavaScript 错误 .tmpl() 不是函数。 {{t
Django 模板
Django模板不会？点进来，总结了模板语法传值取值、过滤器和自定义过滤器、模板标签的分类、中间件403报错如何解决、如何继承模板~👆 Django 模板模板传值取值后端传值键值对形式：{‘n
C++模板
哈喽大家好，我是鹿九丸 \color{red}{鹿九丸}鹿九丸，今天给大家带来的是C++模板。如果大家在看我的博客的过程中或者学习的过程中以及在学习方向上有什么问题或者想跟我交流的话可以加我的企
PHP 模板
我正在用 PHP 编写一个简单的模板层，但我遇到了一些困难。目前它是这样工作的: 首先，我使用 fetch_template 从数据库中加载模板内容 - 这可行(如果您有兴趣，我会在启动时收集所有模板
Django 模板
我正在制作有关模板的 Django 教程。我目前处于此代码: from django.template import Template, Context >>> person = {'name': '
Jquery 模板
我正在使用 Jquery 模板来显示传入的 JSON 数据我想将模板加载到可缓存的外部文件中。我该怎么做？更新 http://encosia.com/2010/12/02/jquery-templa
Python 模板
这是我的观点.py: from django.http import HttpResponse from django.template.loader import get_template from
JavaScript 模板
我试图说服一位同事在项目的前端使用 Mustache/Hogan，我提出了以下建议: 有一个 templates.js 文件，大致如下所示: var tpl_alert = '{{msg}}'; va
函数中的c++模板
我想创建一个通用的数组函数。在我的 API 中，我有一个通用容器，我需要将其转换为正确的类，但我想让它通用 template void UT::printArray(CCArray* arr, T t
JavaScript 模板
有谁知道是否有办法在 Genshi 中创建 javascript 模板？我的意思是，我需要一个 .js 文件，可以在其中使用等指令。等等。有什么想法吗？谢谢! 最佳答案你可以直接在html中这
HTML 模板
我想知道是否可以设置某种 HTML 模板系统，基本上我有 3 个不同的文件: - header.html - footer.html - landing.html(landing.html 是包含页面
HTML 模板
我正在尝试构建以下 HTML 模板: 这很简单，如果我使用红色容器 1-4，语法如下: 1 2 3 4 5 6 7 8 9 https://jsfi
模板的c++模板
#include "boost/numeric/ublas/matrix.hpp" using namespace boost::numeric::ublas; template class Lay
类中的c++模板
我在一个类中有一个函数，它传递了一个函数及其参数，然后将它们绑定(bind)到一个函数调用中并调用该函数等。这已经被快速组合在一起以测试我知道代码不是很好的概念。 class Profiling {
用于十进制和任意基数之间转换的c++模板
是否有一个 c++ 结构或模板(在任何库中)允许我在十进制和任何其他基数之间进行转换(很像 bitset 可以做的)？最佳答案是的，你可以使用unsigned int: unsigned int
C++泛型一：模板
数据类型给程序设计带来的困扰及解决方案 int maxt(int, int); double maxt(double, double); 若有一种占位符T，能够代替类型，便可以简化代码的冗余编写

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

html - 无法调试 Gmail Mobile 的电子邮件模板