title: postMessage always returns wrong data?
body: <p>My aim is to click a button in current tab and it will open a new tab, and use the postMessage API in the new tab's Chrome dev tools:</p>
  
  <pre><code>window.opener.postMessage({deliveryId: 18042548, materialId: 1051041576634029702},'*')
  </code></pre>
  
  <p>The current tab has already added the <code>onmessage</code> event, and it will check the origin, <code>console.log</code> the data:</p>
  
  <pre><code>window.addEventListener("message", this.syncDirectMaterialTag)
  syncDirectMaterialTag = async e =&gt; {
      if ('http://beta-ace.jd.com' === e.origin) {
        console.log(e.data)
        //const res = await queryDirMaterialTag(mapper)
      }
    }
  </code></pre>
  
  <p>But it always returns me the same wrong message whatever I have post:</p>
  
  <pre><code>deliveryId: 18042548
  materialId: 1051041576634029700
  </code></pre>
  
  <p>How can it be ???</p>