Rumah hujung hadapan web uni-app Cara untuk mematikan sekatan lalai Uniapp pada penyemak imbas pautan luaran

Cara untuk mematikan sekatan lalai Uniapp pada penyemak imbas pautan luaran

Apr 20, 2023 am 09:10 AM

Dengan peningkatan Internet mudah alih, aplikasi web secara beransur-ansur menjadi pilihan pertama bagi pengguna untuk mengalami produk, dan Uniapp, sebagai alat pembangunan merentas platform berprestasi tinggi, telah mendapat perhatian meluas apabila melaksanakan pembangunan aplikasi mudah alih perusahaan. Walau bagaimanapun, kerana pembangun perlu mempertimbangkan keselamatan aplikasi dan isu lain, Uniapp melarang penyemak imbas luaran secara lalai, yang akan menyebabkan masalah besar untuk sesetengah aplikasi yang perlu menggunakan fungsi teras penyemak imbas (seperti fungsi pembayaran). Oleh itu, artikel ini akan memperkenalkan cara untuk mematikan tetapan lalai Uniapp yang menyekat pelayar pautan luaran.

1. Ubah suai manifest.json

Dalam Uniapp, manifest.json ialah fail utama fail konfigurasi Dengan mengubah suai kandungan konfigurasi dalam fail ini, anda boleh melaksanakan sekatan pada membuka pautan luaran pelayar. Dalam fail manifest.json, anda boleh menemui kod berikut:

"condition": {
      "appType": [
        "normal"
      ]
    }
Salin selepas log masuk

Antaranya, appType mentakrifkan jenis aplikasi dan biasa bermakna pautan hanya dibuka dalam aplikasi. Untuk mematikan sekatan, anda hanya perlu menambah kod berikut selepas blok kod:

"launch_path": ".pg",
    "extern": {
      "allow_external": [
        "https://*",
        "http://*",
        "tel:*",
        "mailto:*"
      ]
    }
Salin selepas log masuk

Antaranya, launch_path mentakrifkan laluan halaman tempat aplikasi dilancarkan Di sini, ia ditetapkan kepada ".pg" untuk menunjukkan halaman semasa. extern mentakrifkan sekatan pada akses pautan luaran Item dalam allow_external mewakili protokol dan alamat akses pautan luaran yang dibenarkan, yang boleh diubah suai mengikut keperluan sebenar.

Manifes.json yang diubah suai hendaklah seperti berikut:

"condition": {
      "appType": [
        "normal"
      ]
    },
    "launch_path": ".pg",
    "extern": {
      "allow_external": [
        "https://*",
        "http://*",
        "tel:*",
        "mailto:*"
      ]
    }
Salin selepas log masuk

Selepas pengubahsuaian di atas selesai, simpan manifest.json.

2. Ubah suai uni-config.json

Uniapp menyediakan fail uni-config.json dalam direktori peringkat pertama, yang boleh digunakan untuk menetapkan konfigurasi global aplikasi itu juga menyediakan pilihan pengubahsuaian Bagaimana untuk merantai tetapan capaian. Kod berikut boleh ditemui dalam fail:

"condition": { "openWebviewCheck": true }
Salin selepas log masuk

Antaranya, openWebviewCheck adalah benar, yang bermaksud pengesanan pautan luaran didayakan secara lalai. Untuk mematikan sekatan, cuma ubah suai kod kepada:

"condition": { "openWebviewCheck": false }
Salin selepas log masuk

Simpan fail selepas pengubahsuaian selesai.

3. Ubah suai kod halaman

Jika terdapat halaman dalam aplikasi yang perlu dibuka dengan penyemak imbas luaran, anda boleh mengubah suainya melalui langkah berikut:

1. Tambah dalam templat Elemen yang digunakan untuk lompatan seperti butang atau tag; pautan dan perlu dikodkan dengan encodeURIComponent .

Dengan mengikut langkah di atas, anda boleh membuka halaman web penyemak imbas luaran dalam aplikasi Uniapp.

export default {
  methods: {
    jumpExternalUrl() {
      uni.navigateTo({
        url: "/pages/webview/index?url=" + encodeURIComponent(
          "https://blog.csdn.net/xxxxxx")
      })
    },
  },
}
Salin selepas log masuk
Ringkasnya, untuk mematikan tetapan lalai Uniapp yang menyekat penyemak imbas pautan luaran, anda perlu menambah kod yang sepadan pada fail manifest.json dan uni-config.json serta kod halaman. Saya harap artikel ini dapat membantu pembangun yang perlu menggunakan fungsi kernel pelayar.

Atas ialah kandungan terperinci Cara untuk mematikan sekatan lalai Uniapp pada penyemak imbas pautan luaran. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana saya mengendalikan storan tempatan di uni-app? Bagaimana saya mengendalikan storan tempatan di uni-app? Mar 11, 2025 pm 07:12 PM

Artikel ini memperincikan API penyimpanan tempatan Uni-App (uni.setstoragesync (), uni.getstoragesync (), dan rakan-rakan async mereka), menekankan amalan terbaik seperti menggunakan kekunci deskriptif, mengehadkan saiz data, dan mengendalikan parsing JSON. Ia menekankan bahawa lo

Bagaimana saya membuat permintaan API dan mengendalikan data dalam uni app? Bagaimana saya membuat permintaan API dan mengendalikan data dalam uni app? Mar 11, 2025 pm 07:09 PM

Butiran artikel ini membuat dan mendapatkan permintaan API dalam Uni-app menggunakan Uni.request atau Axios. Ia meliputi pengendalian tindak balas JSON, amalan keselamatan terbaik (HTTPS, pengesahan, pengesahan input), kegagalan penyelesaian masalah (isu rangkaian, kors, s

Bagaimana saya menggunakan API Geolocation Uni-App? Bagaimana saya menggunakan API Geolocation Uni-App? Mar 11, 2025 pm 07:14 PM

Artikel ini memperincikan API Geolocation Uni-App, yang memberi tumpuan kepada uni.getLocation (). Ia menangani perangkap biasa seperti sistem koordinat yang salah (GCJ02 vs WGS84) dan isu kebenaran. Meningkatkan ketepatan lokasi melalui bacaan dan pengendalian purata

Bagaimanakah saya menguruskan Negeri dalam Uni App menggunakan Vuex atau Pinia? Bagaimanakah saya menguruskan Negeri dalam Uni App menggunakan Vuex atau Pinia? Mar 11, 2025 pm 07:08 PM

Artikel ini membandingkan Vuex dan Pinia untuk pengurusan negeri di Uni-App. Ia memperincikan ciri -ciri, pelaksanaan, dan amalan terbaik mereka, menonjolkan kesederhanaan Pinia berbanding struktur Vuex. Pilihan bergantung pada kerumitan projek, dengan pinia sutia

Bagaimana saya menggunakan API perkongsian sosial Uni-app? Bagaimana saya menggunakan API perkongsian sosial Uni-app? Mar 13, 2025 pm 06:30 PM

Artikel ini memperincikan bagaimana untuk mengintegrasikan perkongsian sosial ke dalam projek Uni-app menggunakan API Uni.share, meliputi persediaan, konfigurasi, dan ujian di seluruh platform seperti WeChat dan Weibo.

Bagaimanakah saya menggunakan ciri Easycom Uni-App untuk pendaftaran komponen automatik? Bagaimanakah saya menggunakan ciri Easycom Uni-App untuk pendaftaran komponen automatik? Mar 11, 2025 pm 07:11 PM

Artikel ini menerangkan ciri Easycom UNI-APP, mengautomasikan pendaftaran komponen. Ia memperincikan konfigurasi, termasuk pemetaan komponen autoscan dan adat, menonjolkan faedah seperti dikurangkan boilerplate, kelajuan yang lebih baik, dan kebolehbacaan yang dipertingkatkan.

Bagaimanakah saya menggunakan preprocessors (sass, kurang) dengan uni-app? Bagaimanakah saya menggunakan preprocessors (sass, kurang) dengan uni-app? Mar 18, 2025 pm 12:20 PM

Artikel membincangkan menggunakan SASS dan kurang preprocessors dalam UNI-APP, memperincikan persediaan, faedah, dan penggunaan dwi. Fokus utama adalah pada konfigurasi dan kelebihan. [159 aksara]

Bagaimanakah saya menggunakan API Uni.request Uni-App untuk membuat permintaan HTTP? Bagaimanakah saya menggunakan API Uni.request Uni-App untuk membuat permintaan HTTP? Mar 11, 2025 pm 07:13 PM

Artikel ini butiran API UNI.REQUEST dalam UNI-APP untuk membuat permintaan HTTP. Ia meliputi penggunaan asas, pilihan lanjutan (kaedah, tajuk, jenis data), teknik pengendalian ralat yang mantap (panggilan balik gagal, pemeriksaan kod status), dan integrasi dengan authenticat

See all articles