精华内容
下载资源
问答
  • 2021-11-02 05:54:43

    开发微信小程序的时候,通过微信开发者工具可以快速建立文件目录,以及各种文件、各种配置,比自己创建文件目录要方便很多。

    要做新界面的时候,我们会习惯性把微信开发者工具的WXML/CSS/JS文件清空,但是一不注意就会出现页面无法显示内容的情况。

    我自己踩的坑是一开始就把JS文件里面的

    page({
    
    })
    

    给删了。有时候只需要展示效果的时候可能不会注意JS,但如果没有page则会不显示任何内容。

    还有情况,可能是font-size属性或者color属性有问题,看看全局的配置,应该就能解决。

    更多相关内容
  • 最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现...
  • 微信小程序显示html内容

    千次阅读 2021-06-08 06:20:41
    小程序默认是不支持html格式的内容显示的,网络上的文章提到:wxParse-微信小程序富文本解析组件,链接如下: https://github.com/icindy/wxParse 现在已经停止维护了 官方已经有解决方案:...

    一、概述

    小程序默认是不支持html格式的内容显示的,网络上的文章提到:wxParse-微信小程序富文本解析组件,链接如下:

    https://github.com/icindy/wxParse

    现在已经停止维护了

    官方已经有解决方案:https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html

    二、代码演示

    官方给的演示代码,内容比较多,下面来一个简单一点的。

    test.wxml

    <view class="container">
      <block>
        <rich-text nodes="{{htmlSnip}}"></rich-text>
      </block>
    </view>
    

    test.js

    Page({
      data: {
        htmlSnip:"<div class=\"para\" label-module=\"para\">HTML的全称为超文本标记语言,是一种<a target=\"_blank\" href=\"/item/%E6%A0%87%E8%AE%B0%E8%AF%AD%E8%A8%80/5964436\" data-lemmaid=\"5964436\">标记语言</a>。它包括一系列标签.通过这些标签可以将网络上的<a target=\"_blank\" href=\"/item/%E6%96%87%E6%A1%A3/1009768\" data-lemmaid=\"1009768\">文档</a>格式统一,使分散的<a target=\"_blank\" href=\"/item/Internet/272794\" data-lemmaid=\"272794\">Internet</a>资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性<a target=\"_blank\" href=\"/item/%E6%96%87%E6%9C%AC/5443630\" data-lemmaid=\"5443630\">文本</a>,HTML命令可以说明<a target=\"_blank\" href=\"/item/%E6%96%87%E5%AD%97/612910\" data-lemmaid=\"612910\">文字</a>,<a target=\"_blank\" href=\"/item/%E5%9B%BE%E5%BD%A2/773307\" data-lemmaid=\"773307\">图形</a>、<a target=\"_blank\" href=\"/item/%E5%8A%A8%E7%94%BB/206564\" data-lemmaid=\"206564\">动画</a>、<a target=\"_blank\" href=\"/item/%E5%A3%B0%E9%9F%B3/33686\" data-lemmaid=\"33686\">声音</a>、<a target=\"_blank\" href=\"/item/%E8%A1%A8%E6%A0%BC/3371820\" data-lemmaid=\"3371820\">表格</a>、<a target=\"_blank\" href=\"/item/%E9%93%BE%E6%8E%A5/2665501\" data-lemmaid=\"2665501\">链接</a>等。<sup class=\"sup--normal\" data-sup=\"1\" data-ctrmap=\":1,\">\n[1]</sup><a class=\"sup-anchor\" name=\"ref_[1]_692\">&nbsp;</a>\n</div>"
      },
    })
    
    View Code

    注意:这里的htmlSnip是json序列化之后的字符串。

    说明:只需要用rich-text标签就可以实现了。

    效果如下:

    本文参考链接:

    https://developers.weixin.qq.com/community/develop/doc/ec946412e4516d9fce18fd0ee8abb45a

    展开全文
  • 微信小程序使用webview显示pdf文档及显示网页内容

    一、微信小程序根据接口返回的pdf链接,在小程序内部浏览pdf内容
    需要用到微信小程序的两个api 下载资源到本地 wx.downloadFile wx.openDocument
    前一个api下载资源到本地,后一个api打开pdf文档

    wx.downloadFile({ //将文档下载到本地
            url: fileUrl,//pdf链接
            success(res) {
              wx.openDocument({ //打开文档
                filePath: res.tempFilePath,//本地文档路径
                fileType: "pdf",//文档类型
                showMenu: true,
                success: function (res) {
                  wx.showToast({
                    title: '打开文档成功',
                  })
                },
                fail: function (res) {
                  wx.showToast({
                    title: '打开文档失败',
                  })
                },
              })
            },
          })
    

    二、根据网页链接,把网页内容在微信小程序内部显示
    需要用到微信小程序的一个标签 web-view

    其实就是需要新建一个页面,然后新建的页面里面只写一个web-view标签,src等于从上一个页面传过来的值就ok了
    在这里插入图片描述
    2022年6月6日更新
    微信小程序通过webview打开e签宝(ps:e签宝是一个签订电子合同的第三方网站,有兴趣的小伙伴可以点击看看 e签宝)时,提示我 不支持打开非业务域名
    在这里插入图片描述
    然后我就去百度了下,发现是需要配置e签宝的业务域名的, 之前是把接口配置在了服务器域名了,所以不行,
    在这里插入图片描述
    配置业务域名时,需要把校验文件发给第三方,在他们接口地址的目录下添加该文件
    在这里插入图片描述
    本以为业务域名配置好了,地址也发过来了,微信里面是可以打开的并且电子合同信息都完全显示、签字盖章的,但是在微信小程序里面打开却只是个静态页面,很无语,截图如下
    1.微信通过点击链接打开的页面:
    在这里插入图片描述
    2.微信小程序打开的页面
    在这里插入图片描述
    有点小迷,后来想了想是不是参数没传过去,然后就打印下了跳转页面时传来的值,
    在这里插入图片描述
    而接口返回的链接呢,是这样的,明显看到?后面的值都没传过来。。
    在这里插入图片描述
    所以果然是参数没传过来啊,然后就去百度了下,发现可以使用 encodeURIComponent()对地址进行编码,然后使用decodeURIComponent()对地址进行解码,代码如下
    在这里插入图片描述
    哈哈,有活咱就干,解决不了就摆烂,可不是好习惯哦~
    在这里插入图片描述

    展开全文
  • 微信小程序获取json页面数据
  • 植物学堂小程序网页模板.zip微信小程序模板源码纯前端静态小程序源码导入就可显示植物学堂小程序网页模板.zip微信小程序模板源码纯前端静态小程序源码导入就可显示 1.学生做毕业设计用 2.程序员学习研究用 3.小公司...
  • 微信小程序显示列表数据

    千次阅读 2021-11-01 22:34:51
    目录 微信小程序创建项目配置底部导航栏 微信小程序滚动播放内容 微信小程序功能中心模块开发 微信小程序个人中心页面开发 微信小程序获取电话号码 微信小程序显示列表数据 微信小程序显示分页列表 微信小程序添加...

    目录

    微信小程序创建项目配置底部导航栏
    微信小程序滚动播放内容
    微信小程序功能中心模块开发
    微信小程序个人中心页面开发
    微信小程序获取电话号码
    微信小程序显示列表数据
    微信小程序显示分页列表
    微信小程序添加插屏广告
    微信小程序添加激励式广告

    最终效果可扫码查看
    可查看效果二维码
    遇到问题可通过公众号留言反馈
    留言扫描二维码

    概述

    列表数据分为两篇,本篇为基本数据列表展示,下一篇为分页列表展示,即加载更多效果。
    本篇最终展示样式

    技术总结

    1. 等待效果wx.showLoading
    2. 取消等待效果wx.hideLoading()
    3. 列表展示,view的wx:for="{{list}}"

    样式

    偷懒直接使用了之前导入的样式

    @import "../index/weui.wxss";
    

    流程

    测试数据接口地址为http://yr.lootaa.com/time/channel/common?billNo=177WPPPPXMNN3965,其中177WPPPPXMNN3965为需要替换的请求参数。

    // pages/ship/ship.js
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        page:1,
        list:[]
        
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
    
      },
    
      formSubmit(e) {
        console.log('form发生了submit事件,携带数据为:', e.detail.value)
        var billNo = e.detail.value.billNo;
        if(billNo) {
          var url = 'http://yr.lootaa.com/time/channel/common?billNo=' + billNo;
          var that = this;
          wx.showLoading({
            title: '网页版更快速',
          })
          wx.request({
            url: url,
            timeout: 60000,
            success (res) {
              wx.hideLoading();
              console.log(res.data.data)
              that.setData({
                list: res.data.data.times
              }) 
            },
            fail: function (res) {
              wx.hideLoading()
            }
      
          })
        }
      },
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function () {
    
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function () {
    
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function () {
    
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function () {
    
      }
    })
    

    布局

    <view class="container">
      <view class="page-body">
        <form catchsubmit="formSubmit">
          <view class="weui-cells weui-cells_after-title">
            <view class="weui-cell weui-cell_input">
              <input name="billNo" class="weui-input" auto-focus placeholder="请输入提单号" />
            </view>
          </view>
          <text style="font-size: 12px; margin-left: 10px;">快速版:PC端访问 http://www.lootaa.com/ccxx.html</text>
          <button type="primary" formType="submit" style="width:100%;margin-top: 10px;">查询出场时间</button>
        </form>
    
        <view style="margin-top:10px; padding:10px; background:#eeeeee;" wx:for="{{list}}" wx:key="key">
          <view>
            <text style="font-size: 14px;"> 提单号: {{item.billNo}}</text>
          </view>
          <view>
            <text style="font-size: 14px;"> 箱号: {{item.boxNo}}</text>
          </view>
          <view>
            <text style="font-size: 14px;"> 出场时间: {{item.time}}</text>
          </view>
    
        </view>
      </view>
    </view>
    
    展开全文
  • 小程序体验版无法显示内容

    千次阅读 2020-11-18 00:05:37
    小程序本地开发工具可以调用服务器接口 , 发布体验版后 , 在手机端显示不出来内容 , 只能调试模式下显示出来 1 . 服务器必须绑定了域名 2 . 服务器必须安装SSL证书 3 . 检查服务器的防火墙443端口是否开启 , ...
  • 小程序中怎么显示html 内容

    千次阅读 2018-03-09 03:51:31
    最近新做一个功能,需要在小程序显示文章,那么后台编辑,肯定就会采用富文本编辑器。返回到小程序的将会是html。可以使用两个方法,第一个使用小程序引入web-view页面,这么做会很方便,但是如果文章图片比较多,...
  • uniapp-在HBuilder里修改完保存,运行到浏览器内容显示正常,运行到小程序内容显示uniapp问题解决办法微信开发者工具显示效果 uniapp uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可...
  • -监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听...
  • 一文带你学会使用小程序CMS内容管理

    千次阅读 多人点赞 2021-04-29 15:19:01
    开通CMS可视化网页管理 项目创建好之后点击上方云开发 云开发环境初始化完成以后点击更多中的内容管理 或者 点击右上角设置->扩展功能->内容管理开通 点击之后如果出现如下列表就证明你的云环境为预付费,...
  • 最近在项目遇到swiper高度不能自适应,导致swiper-item 里面的内容过多时只能显示一部分,最终解决方案: <swiper current="{{currentTab}}" style="height: {{clientHeight?clientHeight+'px':'auto'}}"> &...
  • 开发微信小程序时,使用到了底部footer作为导航栏。 问题描述: 底部的footer导航栏会遮挡住正文的内容,即将页面下拉到底端时,仍然有一些内容无法显示。 原因分析: 页面的内容被footer遮挡了。 Footer是利用...
  • uniapp ios 开发 APP打开小程序显示“正在连接”的界面解决办法
  • 由于之前一直用Visual Studio Code在写网页和做js交互,习惯性的使用img这个标签进行图片的加载,后面换到微信小程序之后是由img这个标签就发现无法显示图片了。 查了很多网上的问题,都说什么边距没有加之类的,照...
  • 掌上客网页小程序,前端加后台完整代码,上传即可用 小程序可直接显示网页内容
  • 最近做项目遇到一个问题,公司的小程序内部要嵌入H5页面,结果这个字体加粗在网页里面显示是正常的,在ios里面显示也是正常的,就是在Android上显示是不正常的,字体显示不加粗,网上搜了一圈,找到了答案。...
  • 微信小程序API 网络请求 借助平台聚合数据API接口进行网络请求操作,获取全国天气预报数据。 首先,需要在聚合数据进行注册,登录操作,然后找到全国天气预报,在API文当中可以获取接口的地址 在微信小程序开发工具...
  • 微信小程序如何打开网页

    万次阅读 2019-12-07 14:09:56
    在微信小程序中打开网页需要满足两个条件: 1、在小程序管理后台设置跳转的域名为业务域名,注意这个域名必须是https协议的; 2、需要下载一个校验文件放置跳转域名的服务器根目录下,也就是讲这个跳转域名的...
  • /*设置显示样式**/ align-items: center; /**子view垂直居中*/ vertical-align: center; /**垂直居中*/ justify-content: center; /**内容居中*/ flex-direction:row; /**子view排列方式row--水平 column--垂直...
  • 微信小程序开发之内嵌网页

    千次阅读 2020-12-30 22:37:06
    在这之前,我们在小程序中没有办法整合我们已有的HTML程序(比如HTML5文章系统,商城系统等),只能使用小程序的方式重新开发一套,现在有了就可以方便的集成这些网页系统,为我们减少了可观的工作量。下面小编和大家...
  • 抓取微信小程序数据加密内容

    千次阅读 2020-03-16 18:11:52
    最近又收到个任务,要去抓取别人小程序内容,通过fiddler抓包,请求和响应数据看的我是一脸懵逼,自己造数据是不可能的,小程序看不到js,根本猜不到怎么解密和加密的。网上也有文章说小程序的源码可以通过反编译...
  • 小程序中需要在一些位置添加广告,链接到外部的h5网页。 整体实现思路:定义一个广告组件,一个用来展示外部网页的page outUrl, 在组件中使用wx.navigateTo()等跳转到页面outUrl, outUrl.wxml页面中使用 <web-...
  • 1、小程序涉及提供用户自行生成内容的发布/分享/交流服务 解决方法: 登录小程序公众平台——》设置——》基本信息——》服务类目 2、进行内容安全验证时,仍然存在信息安全风险,包括但不限于发现敏感内容、无法对...
  • 免费搭建对接wordpress的小程序,方便运营
  • 小程序超链接 跳转其他网页

    千次阅读 2019-08-30 10:17:18
    1、设置小程序业务域名 第一次设置,要将“验证文件”,放到服务器根目录下 假如域名是:www.****.com 验证文件是:yz.txt www.****.com/yz.txt 能访问即可 2、超链接制作 以百度为例 <view class="tes"> &...
  • ESP8266读DHT11温湿度,开发微信小程序实时显示

    万次阅读 多人点赞 2020-07-16 11:12:10
    ESP8266读DHT11温湿度,开发微信小程序实时显示第一、原理讲解第二、ESP8266读取DHT11第三、温湿度推送到云端第四、微信小程序开发 第一、原理讲解 原理简述:利用发布订阅模式。第一步,先读取DHT11温湿度数值,第...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 490,607
精华内容 196,242
关键字:

小程序显示网页内容