MIP开发常见问题解答
校验相关
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. 百度统计组件为什么不生效?
- mip-stats-baidu.js 依赖 mip.js,所以要把 mip.js 写到前面;
- 标签名和所使用的脚本应该保持一致;
- 确认标签使用的是
<mip-stats-baidu>而不是<mip-stats-bidu>。 - 确认脚本引用的是
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开发常见问题解答的更多相关文章
- AppCan移动平台开发常见问题解答
在使用AppCan移动平台开发跨平台APP时,有开发者会遇到一些问题, 不急,跟笔者一起来聊一聊使用AppCan平台开发中常见问题的解答方法. 问1.正常是按照官网提供的4个iphone启动图尺寸来做 ...
- Apkplug 开发常见问题解答
Android M (6.0) generatePackageInfo 偶现错误 出现这个现象之后会导致 BundleActivator.start() 方法不会被调用 6.0 方法签名 public ...
- MIP开发教程(三) 使用MIP-CLI工具调试组件
一 . 在 mip-extensions 仓库中创建新的组件 二 . 预览调试组件 三 . 在 MIP 页中引用自己编写的 MIP 组件 四 . 组件提交到 GitHub 仓库时需要进行校验 站长开发 ...
- Delphi XE5 常见问题解答
Delphi XE5 常见问题解答 有关于新即时试用的问题吗?请看看 RAD Studio 即时试用常见问答. 常见问题 什么是 Delphi? Embarcadero? Delphi? XE5 是易 ...
- SSL/TLS 高强度加密: 常见问题解答
关于这个模块 mod_ssl 简史 mod_ssl会受到Wassenaar Arrangement(瓦森纳协议)的影响吗? mod_ssl 简史 mod_ssl v1 最早在1998年4月由Ralf ...
- [!!!!!]Inno Setup教程-常见问题解答
[转]Inno Setup教程-常见问题解答 功能 * 翻译 Inno Setup 文字 * 它支持 MBCS (多字节字符集) 吗? * 将来会支持 Windows Installer 吗? ...
- 英特尔® 实感™ SDK 前置摄像头 (F200) 常见问题解答
原文地址 https://software.intel.com/zh-cn/articles/intel-realsense-sdk-faq-for-front-facing-camera-f200? ...
- 透明数据加密 (TDE)常见问题解答
透明数据加密 (TDE)常见问题解答问题任何人只要有权访问加密数据就能对其进行解密吗?TDE 会带来哪些开销?哪些加密算法可与 TDE 一同使用?可以使用第三方加密算法代替 TDE 提供的算法吗?可以 ...
- web前端工程师面试技巧 常见问题解答
web前端工程师面试技巧 常见问题解答 每年的春招是各企业需求人才的黄金时期,不少的前端大牛或者前端新手在面试时候不知道怎么来回答面试官的问题,下面来看下我转载的这篇文章吧,希望对从事前端工作的你有所 ...
随机推荐
- 通往全栈工程师的捷径 —— react
腾讯Bugly特约作者: 左明 首先,我们来看看 React 在世界范围的热度趋势,下图是关键词“房价”和 “React” 在 Google Trends 上的搜索量对比,蓝色的是 React,红色的 ...
- 一看就懂的ReactJs入门教程-精华版
现在最热门的前端框架有AngularJS.React.Bootstrap等.自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领 ...
- HTML5 progress和meter控件
在HTML5中,新增了progress和meter控件.progress控件为进度条控件,可表示任务的进度,如Windows系统中软件的安装.文件的复制等场景的进度.meter控件为计量条控件,表示某 ...
- winform异步加载数据到界面
做一个学习记录. 有两个需求: 1.点击按钮,异步加载数据,不卡顿UI. 2.把获取的数据加载到gridview上面. 对于需求1,2,代码如下: public delegate void ShowD ...
- .NET应用程序域
在.NET平台下,可执行程序并没有直接承载在Windows进程中,而非托管程序是直接承载的..NET可执行程序承载在进程的一个逻辑分区中,称之为应用程序域(AppDomain).一个进程可以包含多个应 ...
- Android中的flexboxlayout布局
提到FlexboxLayout大家估计有点模糊,它是谷歌最近开源的一个android排版库,它的前身Flexbox是2009年W3C提出了一种新的布局,可以简便.完整.响应式的实现页面布局,Flexb ...
- 手动导入swift三方danielgindi/Charts到OC工程中教程
1.到github网址上下载zip压缩包https://github.com/danielgindi/Charts 2.然后将解压后的文件夹整个拖到自己的工程文件夹下(很多教程只让拖xcodeproj ...
- Missing Push Notification Entitlement 问题
最近打包上传是遇到一个问题: 描述: Missing Push Notification Entitlement - Your app includes an API for Apple's Push ...
- 用Swagger生成接口文档
Swagger简介 在系统设计的时候,各个应用之间往往是通过接口进行交互的.因此接口的定义在整个团队中就变得尤为重要.我们可以把接口的规范用接口描述语言进行描述,然后Swagger可以根据我们定义的接 ...
- 在MySQL数据库中创建一个完整的表
1.登陆成功后,首先进入某一个数据库 (不是指数据库服务器) use t1; //t1是数据库名 如图所示: 2.在此数据库中建立数据库表 2.1 先建立表结构(可以理解为表的列名,也就是字段名)在实 ...