收藏
回答

你们是怎么解决真机和开发者工具实现效果不一样的问题的?

问题模块 框架类型 问题类型 操作系统 工具版本
开发者工具 小程序 Bug Windows V1.02.1812271

在开发者工具上测试好好的,转到手机上测试(手机型号:华为P9),手机上没有效果,我还以为我代码写的不好,然后我就删了换了种写法,结果还是在开发者工具上好用,到了手机上还是不好用。。

最后一次编辑于  01-10  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • 黎😄
    黎😄
    01-10

    所以这才体验测试的重要性啊。

    01-10
    赞同
    回复
  • จุ๊บ
    จุ๊บ
    01-10

    具体是什么?写个代码片段或者贴代码写清楚

    01-10
    赞同
    回复 7
    • 蟹堡王
      蟹堡王
      01-10

      <!-- 地图显示部分 -->

      <view  bindlongpress='showaction'>

      <map

      id="map"

      longitude="{{longitude}}"

      latitude="{{latitude}}"

      scale="11"

      markers='{{markers}}'

      show-location='true'

      show-compass='true'

      enabl-zoom='true'

      style="width: 100%; height: 92vh;"

      >

      </map>

      </view>


      在地图上绑定了一个 事件,长按会显示底部动作菜单,开发者工具上长按可以显示,但是在手机上就是不显示。

      而且,刚才有发现了一个奇怪的事,我的一个事件会更新data 里的longitude和latititude值 ,但是在开发者工具上页面不刷新,但是在真机上就刷新了。

      无语了


      01-10
      回复
    • จุ๊บ
      จุ๊บ
      01-10回复蟹堡王

      能提供个代码片段或者这个页面完整代码,我测试下看看

      01-10
      回复
    • 蟹堡王
      蟹堡王
      01-10回复จุ๊บ

      wxml:

      <!--pages/location/location.wxml-->

      <!--这是车辆位置界面-->

      <view bindtouchmove='move' style='height:500px'>

      <view class='location'>

      <view class='locationCph' style='width:80%;  border:1px solid hidden'>

      <i-input value="{{cph}}" title="车牌号"  placeholder="请输入车牌号" bind:blur='cphBlur' maxlength='10'/>

      </view>

      <button style='border:1px solid black; font-size:14px;vertical-align:middle;text-align:center;'  bindtap='search' >查找</button>

      </view>


      <!-- 底部动作面板 -->

      <i-action-sheet visible="{{ visible }}" actions="{{ actions }}" show-cancel bind:cancel="handleCancel" bind:click="handleClickItem" />

      <!-- 地图显示部分 -->

      <view  bindlongpress='showaction'>

      <map

      id="map"

      longitude="{{longitude}}"

      latitude="{{latitude}}"

      scale="11"

      markers='{{markers}}'

      show-location='true'

      show-compass='true'

      enabl-zoom='true'

      style="width: 100%; height: 92vh;"

      >

      </map>

      </view>


      </view>

      js:


      // pages/location/location.js


      Page({


      /**

         * 页面的初始数据

         */

      data: {

      cph:'', //

      position:'left',//

      info:{

      address:'', //地址

      glat:'',    //维度

      glng:'',     //经度

      gt:'',      //GPS时间

      rt:"",      //上报时间

      vs:'',      //车辆状态

      status:''   //设备状态

      },

      currentOrder: 1, //默认命令

      result:[] , //接收回传数据接口

      longitude:120.3125006, //经度

      latitude:36.065152,   //维度

      markers: [{

      iconPath: '',

      id: 0,

      latitude: 36.065152,

      longitude: 120.312500,

      width: 50,

      height: 50,

      callout:{

      content:'测试',

      color:'red',

      fontSize:10,

      borderRadius:20,

      borderWidth:20,

      borderColor:'#6C7B8B',

      padding:20,

      textAlign:'left',

      },

      }],


      visible: false,

      actions: [

      {

      name: '789',

      },

      {

      name: '777'

      },

      {

      name: '1919',

      }

      ],

      },

      /**

         * 生命周期函数--监听页面加载

         */

      onLoad: function (options) {

      wx.setNavigationBarTitle({

      title: '车辆位置',

      })

      //动态设置导航条颜色和动画

      wx.setNavigationBarColor({

      frontColor: '#ffffff',

      backgroundColor: '#1c2438',

      animation: {

      duration: 100,

      timingFunc: 'easeInOut'

      }

      })


      // this.setData(

      //    markers.height  windowHeight,

      //    markers.width = windowWidth,

      // )

      console.log(this.data.markers)

      },

      //底部动作面板

      handleCancel() {

      this.setData({

      visible: false

      });

      console.log(this.data.result)

      },

      //动作面板详情

      handleClickItem({ detail }) {

      const index = detail.index + 1;

      console.log(index)

      wx.showToast({

      title: '变更成功',

      icon:'none',

      time:'2000',

      })

      this.setData({

      currentOrder:index

      })

      },


      //显示动作面板

      showaction(e){

      this.setData({

      visible: true

      });

      },


      //失去焦点事件

      cphBlur(e) {

      console.log(e)

          this.data.cph= e.detail.detail.value

      }


      json:

      {

      "usingComponents": {

      "i-input":"../../iview/dist/input/index",

      "i-button":"../../iview/dist/input/index",

      "i-radio-group": "../../iview/dist/radio-group/index",

      "i-radio": "../../iview/dist/radio/index",

      "i-action-sheet": "../../iview/dist/action-sheet/index"

      }

      }




      用的iview 的UI库,如果测试,要去下载 。地址:https://weapp.iviewui.com/

      01-10
      回复
    • จุ๊บ
      จุ๊บ
      01-10回复蟹堡王

      测试下,个人感觉 应该官方有bug,官方提供的cover-view是可以覆盖map组件的,但是实际并没有。你这个真机不能用,应该是view组件被map组件覆盖了。

      01-10
      回复
    • 蟹堡王
      蟹堡王
      01-10回复จุ๊บ

      没招了,我看看加个按钮能不能触发事件吧

      01-10
      回复
    查看更多(2)