收藏
评论

小程序内怎么调试web-view?官方

开发工具上在web-view页面内点击鼠标右键有个调试的选项

需要在真机上调试需要自行引入vconsole:https://github.com/Tencent/vConsole/blob/dev/README_CN.md



195397浏览
最后一次编辑于  2019-10-09
知识库内容非实时更新,可能已过期、失效或不适用于当前情形,请谨慎参考
收藏
反馈

23 个评论

  • Edinburgh陪小丽
    Edinburgh陪小丽
    2023-09-08

    ae {message: "Network Error", name: "AxiosError", code: "ERR_NETWORK", config: {…}, request: XMLHttpRequest, …}微信公众号h5页面打包发布了以后授权成功以后进行请求其他接口出现这个问题需要怎么解决,各位大佬们

    2023-09-08
    赞同
    回复
  • 吉翔如意
    吉翔如意
    2022-11-21

    // 上拉源数据

        items:[

            {id:1,title:'大碗大碗大碗大碗大碗',image:'/image/6.png'},

            {id:1,title:'顶顶顶顶顶顶顶顶顶顶',image:'/image/7.png'},

            {id:1,title:'哈哈哈哈哈哈哈哈哈给',image:'/image/8.png'},

            {id:1,title:'红红火火恍恍惚惚哈哈',image:'/image/9.png'},

        ],

    getMore(){

        let items=this.data.items;

        let source=this.data.source;

        items=items.concat(source);//js内置函数concat拼接两个数组为一个新数组

        this.setData({items})

    },

    <!-- 上拉刷新数据 -->

    <scroll-view class="sviewscroll-y="{{true}}" bindscrolltolower="getMore">

    <block wx:for="{{items}}">

    <view>{{item.title}}</view>

    <view><image src="{{item.image}}"></image></view>

    </block>

    </scroll-view>


    2022-11-21
    赞同
    回复
  • 吉翔如意
    吉翔如意
    2022-11-21

     change:[

              {hidden:false,style:'now'},

              {hidden:true,style:''},

              {hidden:true,style:''},

              {hidden:true,style:''},

              {hidden:true,style:''},

          ],

        tab(e){

          //console.log(e);

          let index=e.target.dataset.index;

          let change=this.data.change;

          let ret=obj.fn(change,index);

          this.setData(ret);

      },

    <view class="nav">

    <view class="{{change[0]['style']}}" data-index="{{0}}" bind:tap="tab">联播</view>

    <view hidden="{{change[0]['hidden']}}">


    2022-11-21
    赞同
    回复
  • 吉翔如意
    吉翔如意
    2022-11-21

    <!-- 点赞 -->

    <block wx:if="{{collect==false}}">

    <view class="collectbind:tap="set">

    <image src="/images/点赞 (2).png"></image>

    <text>点赞</text>

    </view>

    </block>

    <block wx:if="{{collect==true}}">

    <view class="collectbind:tap="set">

    <image src="/images/点赞 (1).png"></image>

    <text>点赞</text>

    </view>

    </block>

    set(){

        let flag=!this.data.collect;

        this.setData({

            collect:flag

        })

    },

    data:{

    collect:false,

    }

    .collect{

        height: 80rpx;

        width: 120rpx;

        text-align: center;

        font-size: 24rpx;

        line-height: 28rpx;

    }

    .collect image{

        width: 24px;

        height: 24px;

    }

    .collect text{

        display: block;

    }


    2022-11-21
    赞同
    回复
  • 吉翔如意
    吉翔如意
    2022-11-20

    <!-- 跳转 -->

    <view bind:tap="gotoclass="go">跳转详情</view>

     goto(){

            //tarbar下面没有设置按钮用navigateTo(自带返回按钮)

            wx.navigateTo({

              url: '/pages/page6/page6',

            })


    2022-11-20
    赞同
    回复
  • 吉翔如意
    吉翔如意
    2022-11-20

    <!-- 搜索 -->

    <view><input type="textplaceholder="请输入搜索内容bindinput="search" />

    <block><view class="ret">{{ret}}</view></block>

    </view>

     data: {

          search:[

              '英雄可以受委屈',

          ],

          ret:[]

      },

      search(e){

          let value=e.detail.value;

          if(value==''){

              this.setData({ret:[]});

              return;

          }

          let search=this.data.search;

          let ret=[];

          let reg=new RegExp(value);

          for(let i=0;i<search.length;i++){

              if(reg.test(search[i])){

                  ret.push(search[i]);

              }

          }

          this.setData({ret});

      },


    2022-11-20
    赞同
    回复
  • 吉翔如意
    吉翔如意
    2022-11-20

    <!-- 截取 -->

    <wxs src="../../utils/slice.wxsmodule="slice"></wxs>

    <block wx:for="{{news}}" wx:key="news">

    <view>{{slice.news(item,0,2)}}</view>

    </block>

    function news(str,start,length){

        return str.substring(start,length)+'...';

    }

    module.exports.news=news;



    2022-11-20
    赞同
    回复
  • Ovaltine🍬
    Ovaltine🍬
    2021-11-22

    需要先跳转到webview的页面 然后在页面的左下方有个bug icon 点击就能打开webview的console

    2021-11-22
    赞同
    回复
  • 梦里千寻
    梦里千寻
    2021-05-19

    可以看到调试了,但是调试的东西我怎么在代码中修改呢?比如web-view中的img

    2021-05-19
    赞同
    回复
  • 姚
    2021-04-07

    最新版本开发者工具,只要打开web-

    view调试,小程序就白屏。 怎么解决?

    2021-04-07
    赞同
    回复 3
    • 古月
      古月
      2021-06-30
      我的也是,你有解决了吗
      2021-06-30
      回复
    • 子颜-🐈
      子颜-🐈
      2021-09-29回复古月
      最新版本的IDE已经正常了
      2021-09-29
      回复
    • CLING
      CLING
      2021-10-07回复子颜-🐈
      确定吗 ,我的是 1.05.2107090,一直有这样问题
      2021-10-07
      1
      回复

正在加载...

登录 后发表内容