小程序嵌入 html片段样式

最新推荐文章于 2023-12-29 16:08:12 发布

wlm_0214

最新推荐文章于 2023-12-29 16:08:12 发布

阅读量930

点赞数 1

分类专栏：小程序

本文链接：https://blog.csdn.net/wlm_0214/article/details/99681974

版权

在解决小程序内嵌套HTML页面的需求时，遇到样式无法修改和后台处理复杂的问题。通过尝试多种方法，最终采取让后端仅返回信息片段，前端创建专用展示页面的方式。这样前端可以完全控制样式，不再依赖后台处理，实现了与H5和PC共用同一套页面。

摘要由CSDN通过智能技术生成

<rich-text nodes="{
  {--}}"></rich-text>

之前一个需求开发当中,需要在小程序中套入页面,小程序官方方法如上,但是又很多问题,比如样式问题没办法修改,经搜索的替换标签方法未生效,因为是后台返回,后端人员并不想他们处理两次标签,只想和h5,pc公用一套,因为是套取页面,也不能直接用web-view

经多方实验沟通采用了如下方法,后端去掉html body等头部,保留信息片段,前端创建专门的展示页面,如:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>博识</title>
    <meta name="full-screen" content="yes" />
    <meta name="browsermode" content="application" />
    <meta name="x5-orientation" content="portrait" />
    <meta name="x5-fullscreen" content="true" />
    <meta name="x5-page-mode" content="app" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-sta