校验相关

1. MIP 页面的 <a>链接校验报错,MIP 是强制 target=“_blank” 吗 ?

如果想直接跳转 MIP 页,可以用 mip-link 组件;MIP 页 <a> 强制跳出是为了解决 MIP 体验的问题,12 月底会升级校验,去掉强制 target=“_blank”。

2. 静态文件引用,一定要用绝对路径么?

目前是,一定要使用 “带有协议头和域名” 的绝对路径,比如”https: //m.baidu.com/a.jpg”。未来有计划取消这条规则,请关注 官网进展

3. <a href=“m.a.com”>test</a>标签<a>中的属性’href’ 的属性值’m.a.com’ 无效 ? 标签’a’ 的强制性属性’target’ 缺失?

标签 href 属性可以为 “//m.a.com”, “http: //m.a.com”, “https: //m.a.com” 三种。标签强制 target=“_blank”, 因为在 iframe 嵌套页面跳转有问题。可以加上 target=“blank”,如果直接跳转到另一个 MIP 页,可以直接使用 mip-link 组件 解决。

## 广告相关
### 1. MIP 页的网盟广告为什么在 uc 和 qq 下不显示?

如果您使用了 网盟广告type="ad-baidu", 可以尝试使用 网盟扩展广告type="ad-baidu-wm-ext"

2. 从百度结果页打开 MIP 页,为什么反屏蔽广告不展示?

反屏蔽广告必须是 https 的,如果原页面正常,在 预览环境 下却不展示很可能是站点域名未注册 https;在 网盟扩展广告文档 的注意事项中有说明,或者看网络控制台有没有 js 获取不到的报错。

3. 从百度结果页打开 MIP 页,为什么悬浮广告不展示?

不只悬浮广告,MIP 页面中所有的悬浮元素(布局为 position: fixed 的元素)联盟广告自带的贴底广告都需要使用 mip-fixed 悬浮组件进行支持,使用细节可参考 mip-fixed 悬浮组件

## 组件相关
### 1. 为什么 mip 和组件和 AMP 不完全一样?
市场环境不同。国内有一些浏览器兼容性不好,MIP 组件需要额外增加兼容代码。

2. 百度统计组件为什么不生效?

  1. mip-stats-baidu.js 依赖 mip.js,所以要把 mip.js 写到前面;
  2. 标签名和所使用的脚本应该保持一致;
  3. 确认标签使用的是<mip-stats-baidu>而不是<mip-stats-bidu>
  4. 确认脚本引用的是https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js
<!--正确示例-->
<mip-stats-baidu token="4e397f684261b9e4ff9d8ad4714f5b2b"></mip-stats-baidu>
<script src="https://c.mipcdn.com/static/v1/mip.js"></script>
<script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>

3. 悬浮组件如何关闭?

mip-fixed 悬浮组件支持关闭功能,详见 文档-关闭悬浮元素的方法。

4. 自己开发扩展组件,使用了<script type=”application/json”>标签,在标签内的 JSON 属性值配置 html,MIP 页面会乱码?

示例:

 <script type="application/json">
{
"key": "<div>value</div>"
}
</script>

解释:MIP 不会对上述情况进行特殊处理,需要扩展组件的开发者在标签<script>中使用 encodeURIComponent 对 html 进行编码,然后在组件中进行解码

5. 自定义组件上线后访问 404?

首先,组件 pr merge 后并能马上使用,需要操作上线,上线后会在 github 的 changelog 中更新;

然后,确认所访问的组件线上地址是正确的:

https://c.mipcdn.com/static/v1/{组件名}/{组件名}.js

## 其他问题
### 1. MIP 页面如何使用 cookie?
MIP 页面暂时不支持 cookie,所有的 cookie 会被清除,后期 MIP 项目组会提供 cookie 的统一解决方案。

2. 我的网站使用了 302 跳转 , mip-cache 会抓取 302 跳转后的页面么?

会,但 mip-cache 只会根踪一次 302 跳转,抓取重定向后的页面。如果网站使用了多次 302 跳转,mip-cache 会抓取失败,导致触发 cache 降级逻辑,在用户访问时直接打开 mip 页,不使用异步极速框架,有损用户体验。如有多次 302 的需求,请通过 邮件 与 MIP 项目组联系。

谢谢阅读。如有补充,欢迎留言

MIP开发常见问题解答的更多相关文章

  1. AppCan移动平台开发常见问题解答

    在使用AppCan移动平台开发跨平台APP时,有开发者会遇到一些问题, 不急,跟笔者一起来聊一聊使用AppCan平台开发中常见问题的解答方法. 问1.正常是按照官网提供的4个iphone启动图尺寸来做 ...

  2. Apkplug 开发常见问题解答

    Android M (6.0) generatePackageInfo 偶现错误 出现这个现象之后会导致 BundleActivator.start() 方法不会被调用 6.0 方法签名 public ...

  3. MIP开发教程(三) 使用MIP-CLI工具调试组件

    一 . 在 mip-extensions 仓库中创建新的组件 二 . 预览调试组件 三 . 在 MIP 页中引用自己编写的 MIP 组件 四 . 组件提交到 GitHub 仓库时需要进行校验 站长开发 ...

  4. Delphi XE5 常见问题解答

    Delphi XE5 常见问题解答 有关于新即时试用的问题吗?请看看 RAD Studio 即时试用常见问答. 常见问题 什么是 Delphi? Embarcadero? Delphi? XE5 是易 ...

  5. SSL/TLS 高强度加密: 常见问题解答

    关于这个模块 mod_ssl 简史 mod_ssl会受到Wassenaar Arrangement(瓦森纳协议)的影响吗? mod_ssl 简史 mod_ssl v1 最早在1998年4月由Ralf ...

  6. [!!!!!]Inno Setup教程-常见问题解答

    [转]Inno Setup教程-常见问题解答 功能 * 翻译 Inno Setup 文字  * 它支持 MBCS (多字节字符集) 吗?  * 将来会支持 Windows Installer 吗?   ...

  7. 英特尔® 实感™ SDK 前置摄像头 (F200) 常见问题解答

    原文地址 https://software.intel.com/zh-cn/articles/intel-realsense-sdk-faq-for-front-facing-camera-f200? ...

  8. 透明数据加密 (TDE)常见问题解答

    透明数据加密 (TDE)常见问题解答问题任何人只要有权访问加密数据就能对其进行解密吗?TDE 会带来哪些开销?哪些加密算法可与 TDE 一同使用?可以使用第三方加密算法代替 TDE 提供的算法吗?可以 ...

  9. web前端工程师面试技巧 常见问题解答

    web前端工程师面试技巧 常见问题解答 每年的春招是各企业需求人才的黄金时期,不少的前端大牛或者前端新手在面试时候不知道怎么来回答面试官的问题,下面来看下我转载的这篇文章吧,希望对从事前端工作的你有所 ...

随机推荐

  1. 在一个空ASP.NET Web项目上创建一个ASP.NET Web API 2.0应用

    由于ASP.NET Web API具有与ASP.NET MVC类似的编程方式,再加上目前市面上专门介绍ASP.NET Web API 的书籍少之又少(我们看到的相关内容往往是某本介绍ASP.NET M ...

  2. ABP源码分析一:整体项目结构及目录

    ABP是一套非常优秀的web应用程序架构,适合用来搭建集中式架构的web应用程序. 整个Abp的Infrastructure是以Abp这个package为核心模块(core)+15个模块(module ...

  3. Partition2:对表分区

    在SQL Server中,普通表可以转化为分区表,而分区表不能转化为普通表,普通表转化成分区表的过程是不可逆的,将普通表转化为分区表的方法是: 在分区架构(Partition Scheme)上创建聚集 ...

  4. pt-online-schema-change中update触发器的bug

    pt-online-schema-change在对表进行表结构变更时,会创建三个触发器. 如下文测试案例中的t2表,表结构如下: mysql> show create table t2\G . ...

  5. 来吧,HTML5之基础标签(上)

    什么是html5 HTML 5 是下一代的 HTML.HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持. 学习过程中标签的理解 <a>标签  定义超链接, ...

  6. CSS 3 学习——transform 3D转换渲染

    以下内容根据官方规范翻译,没有翻译关于SVG变换的内容和关于矩阵计算的内容. 一般情况下,元素在一个无景深无立体感的平面(flat plane)上渲染,这个平面就是其包含块所处的平面.同时,页面上的其 ...

  7. SSH框架和Redis的整合(2)

    5. 添加功能的实现 新建一个Action:RClasAction,实现向Redis添加课程数据,并同步到MySQL. package com.school.action; import java.u ...

  8. Impress.js上手 - 抛开PPT、制作Web 3D幻灯片放映

    前言: 如果你已经厌倦了使用PPT设置路径.设置时间.设置动画方式来制作动画特效.那么Impress.js将是你一个非常好的选择. 用它制作的PPT将更加直观.效果也是嗷嗷美观的. 当然,如果用它来装 ...

  9. MongoDB学习笔记六—查询下

    查询内嵌文档 数据准备 > db.blog.find().pretty() { "_id" : ObjectId("585694e4c5b0525a48a441b5 ...

  10. oracle SEQUENCE 创建, 修改,删除

    oracle创建序列化: CREATE SEQUENCE seq_itv_collection            INCREMENT BY 1  -- 每次加几个              STA ...