获取外部链接的html

本文介绍了如何在Node.js中使用axios库获取响应数据时,根据Content-Type头中的charset进行UTF8或GBK编码转换,然后使用Cheerio解析HTML内容的过程。
   
const cheerio = require('cheerio');
const response = await axios({
            url: url,
            headers: {
                // ...
            },
            responseType: "arraybuffer", // 关键步骤
            responseEncoding: "utf8",
        });
   let { data } = response

 // 根据Content-Type头中的charset字段来确定编码判断是否是UTF8
        const contentType = response.headers['content-type'];
        const charsetMatch = contentType && contentType.match(/charset=([^;]+)/);

 let $

 if(charsetMatch){

       $ = cheerio.load(data,{decodeEntities: false});

  }else{

       let utf8decoder = new TextDecoder("GBK"); // 关键步骤
       let html = utf8decoder.decode(data);
       console.log(html,8888)
       $ = cheerio.load(html,{decodeEntities: false});

  }
     return  $('body').html()

### 小程序跳转外部链接的实现方法 在小程序中,跳转到外部链接可以通过多种方式实现,具体取决于目标平台和需求。以下是几种常见的实现方法及其适用场景: #### 1. 使用 `web-view` 组件 通过 `web-view` 组件可以加载外部网页,从而实现跳转功能。此方法适用于需要在小程序内直接展示外部链接内容的场景[^3]。 ```html <template> <web-view :src="url"></web-view> </template> <script lang="ts" setup> import { ref } from 'vue' import { onLoad } from '@dcloudio/uni-app' const url = ref('') onLoad((e: any) => { // 传入需要跳转的链接,进行跳转 url.value = decodeURIComponent(e.url) console.log(url.value) }) </script> ``` #### 2. 跳转至中间页面 如果需要从其他页面跳转到外部链接,可以通过创建一个中间页面来实现。此方法适用于需要对链接进行预处理或传递参数的情况[^2]。 ```javascript handleNav() { // outerChain为url链接 wx.navigateTo({ url: '../outer/outer?src=' + encodeURIComponent(this.data.outerChain), }) } ``` 在中间页面中,可以通过解码 `src` 参数并使用 `web-view` 加载目标链接。 #### 3. H5 环境中的跳转 在 H5 环境下,可以直接使用 `window.location.href` 或 `window.open` 方法跳转到外部链接。需要注意的是,某些浏览器(如 Safari)可能对 `window.open` 存在限制,因此建议优先使用 `window.location.href`[^1]。 ```javascript // 直接跳转 window.location.href = 'https://example.com'; // 打开新窗口(可能存在兼容性问题) window.open('https://example.com'); ``` #### 4. 微信小程序的特殊处理 微信小程序对跳转外部链接有严格的限制,通常需要通过 `web-view` 实现。如果需要从非 `web-view` 页面跳转到外部链接,可以参考以下方法[^4]: - **通过 URL 参数传递**:将外部链接作为参数传递给目标页面,在目标页面中使用 `web-view` 加载。 - **数据交互**:在跳转前,可以通过接口获取目标链接,并将其传递给 `web-view` 页面。 --- ### 注意事项 1. 外部链接需符合小程序的安全域名配置要求,否则无法正常加载。 2. 在使用 `web-view` 时,应注意用户体验,避免不必要的跳转或加载延迟。 3. 对于安全性要求较高的场景,建议对链接进行校验和加密处理。 ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值