uniapp 打印iframe标签里面显示的内容

Uniapp可以使用`uni.createSelectorQuery()`获取到`iframe`标签里面的内容，然后使用`console.log()`打印即可。

示例代码：

<template>
  <view>
    <iframe src="https://www.example.com" ref="myIframe"></iframe>
  </view>
</template>

<script>
export default {
  mounted() {
    uni.createSelectorQuery()
      .select('#myIframe')
      .node()
      .exec((res) => {
        const iframe = res[0].node
        console.log(iframe.contentDocument.body.innerHTML)
      })
  },
}
</script>

在上面的示例中，我们使用`uni.createSelectorQuery()`获取到`iframe`节点，然后使用`node()`方法获取到`iframe`元素的实例对象。接着，我们使用`exec()`方法执行一个回调函数，该回调函数可以获取到`iframe`元素的详细信息。在回调函数中，我们使用`console.log()`打印出`iframe`标签里面的内容。

相关问题

uniapp 获取 iframe 节点 代码

在 UniApp 中，可以使用 `this.$refs` 来获取 `<iframe>` 节点的引用。

以下是一个示例代码：

<template>
  <view>
    <iframe ref="myIframe" src="https://www.example.com"></iframe>
  </view>
</template>

<script>
export default {
  methods: {
    getIframeNode() {
      // 获取 iframe 节点的引用
      const iframeNode = this.$refs.myIframe;
      
      // 在控制台打印 iframe 节点
      console.log(iframeNode);
    }
  },
  mounted() {
    // 在组件挂载完成后调用获取 iframe 节点的方法
    this.getIframeNode();
  }
}
</script>

在上述示例代码中，我们定义了一个 `<iframe>` 节点并通过 `ref` 属性给它命名为 `myIframe`。在 `mounted` 钩子函数中调用 `getIframeNode` 方法来获取该节点的引用。

通过 `this.$refs.myIframe`，我们可以获取到 `<iframe>` 节点的引用，并赋值给 `iframeNode` 变量。你可以在方法内部使用 `iframeNode` 来进行操作，例如修改其属性、监听事件等。

请注意，在使用 `$refs` 获取节点引用之前，确保 `<iframe>` 元素已经被渲染到页面中。

以上是在 UniApp 中获取 `<iframe>` 节点的示例代码。可以根据你的实际需求和项目结构进行相应的修改和使用。