HarmonyOS 鸿蒙Next fs.Stat 获取尺寸大小偏小

你试一下下面的demo。

2. 接收ets侧发送过来的消息。

var result = event.data;
let isObject = false;
let isArray = false;
let arr = [];
console.log(result);
try{
  arr = JSON.parse(result);
  isObject = true;
  if(Array.isArray(arr)){
    isArray = true;
  }else{
    isArray = false;
  }
}catch(error){
  console.log(`error`);
}
if (typeof(result) === 'string' && !isObject) {
  output.innerHTML = result;
} else if(typeof(result) === 'string' && isObject && !isArray){
  // 应用侧侧传过来的是对象数据
  let getObject = JSON.parse(result);
  objectData1.innerHTML = getObject.name;
  objectData2.innerHTML = getObject.age;
  objectData3.innerHTML = getObject.sex;
}else if(typeof(result) === 'string' && isObject && isArray){
  // H5侧传过来的是数组对象数据
  if (JSON.parse(result)[0] !== '第一条数据' && JSON.parse(result)[0] !== '我是第一条数据'){
    arrayData4.innerHTML = `姓名:${JSON.parse(result)[0].name} 性别:${JSON.parse(result)[0].sex} 年龄:${JSON.parse(result)[0].age}`;
    arrayData5.innerHTML = `姓名:${JSON.parse(result)[1].name} 性别:${JSON.parse(result)[1].sex} 年龄:${JSON.parse(result)[1].age}`;
    arrayData6.innerHTML = `姓名:${JSON.parse(result)[2].name} 性别:${JSON.parse(result)[2].sex} 年龄:${JSON.parse(result)[2].age}`;
  }else{
    // H5侧传过来的是数组数据
    let getArray = JSON.parse(result);
    arrayData1.innerHTML = getArray[0];
    arrayData2.innerHTML = getArray[1];
    arrayData3.innerHTML = getArray[2];
  }
}

3. 使用h5Port向应用侧发送String类型的数据。

function PostStringToEts(){
  let stringData = '来自H5侧string类型的数据';
  if (h5Port) {
    h5Port.postMessage(stringData);
  } else {
    console.log('h5Port is null, Please initialize first');
  }
}

4、使用h5Port向应用侧发送object类型的数据。

function PostObjectToEts(){
  let objData = {
    name:'张三',
    age:'18',
    sex:'男'
  }
  if (h5Port) {
    h5Port.postMessage(JSON.stringify(objData));
  } else {
    console.log('h5Port is null, Please initialize first');
  }
}

5、使用h5Port向应用侧发送Array类型的数据。

function PostArrayToEts(){
  let arrData = ['第一条数据','第二条数据','第三条数据'];
  if (h5Port) {
    h5Port.postMessage(JSON.stringify(arrData));
  } else {
    console.log('h5Port is null, Please initialize first');
  }
}

6、使用h5Port向应用侧发送数组对象嵌套类型的数据。

function PostArrayObjectToEts(){
  let arrObjData = [
    {
      name: '熊大',
      age: '18',
      sex: '男'
    },
    {
      name: '熊二',
      age: '20',
      sex: '男'
    },
    {
      name: '翠花',
      age: '22',
      sex: '女'
    },
  ];
  if (h5Port) {
    h5Port.postMessage(JSON.stringify(arrObjData));
  } else {
    console.log('h5Port is null, Please initialize first');
  }
}

7、使用h5Port向应用侧发送异步数据。

async function AsynData(){
  if (h5Port) {
    await h5Port.postMessage('倒计时3秒');
  } else {
    console.log('h5Port is null, Please initialize first');
  }
}

async function PostAsynToEts(){
  let stringData = '来自H5侧的异步数据';
  await AsynData();
  if (h5Port) {
    setTimeout(() => {
      h5Port.postMessage(stringData);
    }, 3000)
  } else {
    console.log('h5Port is null, Please initialize first');
  }
}