tag webview

標籤
貢獻20
75
08:06 AM · Nov 06 ,2025

@webview / 博客 RSS 訂閱

perkz - React Native Canvas

思路:React-Native自己是沒有Canvas,可以利用react-native-webview注入html做一個Canvas,把寫入Webview的html作為可變的字符串,每寫一條canvas就在字符串上的script標籤裏添加對應的語句,每一次添加都是異步的,通過onMessage去獲取Webview往外傳的值 初始化一個html頁面 window.onload裏去執行我

react-native , webview , canvas , Javascript

收藏 評論

杭城小劉 - 一個 Hybrid SDK 設計與實現

隨着移動浪潮的興起,各種 App 層出不窮,極速發展的業務拓展提升了團隊對開發效率的要求,這個時候純粹使用 Native 開發技術成本難免會更高一點。而 H5 的低成本、高效率、跨平台等特性馬上被利用起來了,形成一種新的開發模式: Hybrid App 作為一種混合開發的模式,Hybrid App 底層依賴於 Native 提供的容器(Webview),上層使用各種前端技術完成業務開發(現在三足鼎

react , hybrid-app , webview , 多端開發 , 前端設計

收藏 評論

齊明 - 揭開WebView的神秘面紗系列(一)之WebView簡介

前言 WebView毫不誇張的説就是一個微型的瀏覽器,WebView讓開發者可以在Native中展示Web頁面,而在Hybrid方案大行其道的今天,WebView在開發過程中更是扮演着不可或缺的角色,雖然Webiew簡單易用,只要簡單的創建一個實例,然後調用loadUrl方法就可以運行展示一個Web頁面,然而你真的瞭解Webview嗎?它如何與Native交互?又是如何向展示的Web頁面去注入JS

hybrid-app , webview , Android

收藏 評論

高堅果 - (已過時)靜態集成騰訊TBS X5內核WebView,從微信提取新版30M瀏覽器內核打包進apk

2022-02-11更新:新版本TBS SDK已恢復支持靜態集成的方法,無需在使用本文的方法了。 測試新SDK(ver:44153 date:2022-1-17)已提供QbSdk.installLocalTbsCore方法,沒翻到此方法的官方文檔,應該是還沒有打算公開。 請直接下載最新sdk,然後調用QbSdk.installLocalTbsCore進行靜態集成。 參考文章:https://

hybrid-app , webview , Android

收藏 評論

大鬍子民工潘半仙 - 微信小程序 webview 與 h5 通過 postMessage 實現實時通訊的實現

原文:https://pantao.parcmg.com/pre... 在做 React Native 應用時,如果需要在 App 裏面內嵌 H5 頁面,那麼 H5 與 App 之間可以通過 Webview 的 PostMessage 功能實現實時的通訊,但是在小程序裏面,雖然也提供了一個 webview 組件,但是,在進行 postMessage 通訊時,官方文檔裏面給出了一條很變態的説明:

小程序 , webview , postmessage , h5頁面 , html5

收藏 評論

Conan - 如何實現App內的視頻/直播懸浮小窗播放

方案概述 功能:使用webview的方案,在App中實現視頻/直播的懸浮小窗播放效果,支持應用內小窗、系統小窗,在訂單頁小窗播放,回到直播間小窗消失 場景:適用於要在App中快速實現直播帶貨場景,或在App中需要點播視頻小窗播放的場景 支持環境:安卓、iOS、鴻蒙 前置條件:使用保利威的webview SDK Demo,對方案有任何疑問,可通過思否私信 一、安卓對接説明 1.1 集成簡

音視頻 , webview , Android , harmonyos , 前端

收藏 評論

慷慨的酸菜魚 - 移動端 WebView 登錄異常與會話恢復問題全流程排查指南

在移動端開發中,WebView 作為嵌入網頁內容的核心組件,廣泛應用於混合式應用(Hybrid App)開發。然而,登錄異常和會話恢復失敗是 WebView 開發中常見的痛點問題,涉及網絡通信、Cookie 管理、跨域安全、前端與原生交互等多個環節。本文將從問題定位、根因分析到解決方案,提供一套系統化的排查指南。 常見問題場景 登錄狀態丟失:用户登錄後,刷新頁面或跳轉其他頁面後需重新登錄。

webview

收藏 評論

鹽焗西蘭花 - 鴻蒙學習實戰之路-Web 頁面適配最佳實踐

鴻蒙學習實戰之路-Web 頁面適配最佳實踐 Web 頁面適配是 HarmonyOS 應用開發中常見的需求,本文將介紹如何在鴻蒙應用中實現 Web 頁面的最佳適配方案,包括基礎使用、響應式佈局、視頻播放適配、深色模式適配等內容。 關於本文 自己學習並使用 HarmonyOS Web 組件的記錄,旨在幫助小夥伴們少走彎路 華

移動開發 , webview , Android , HTML , Web

收藏 評論

angel - Python之——打包工具pyinstaller的用法_冰河的技術博客

大家好,我是唐叔。上次我們講解了 Python+Web構建桌面應用的最佳選擇 - Pywebview,那麼寫好的Python程序,如何在別人的電腦上運行?總不能要求每個人都安裝Python、配置環境吧?這時候,PyInstaller 就派上用場了。 文章目錄 一、PyInstaller 是什麼? 二、安裝PyInstaller

命令行 , webview , Css , 前端開發 , HTML , Python

收藏 評論

KingBes - PHP桌面應用開發

php基於webview開發win桌面,js和php直接交互 碼雲 php-webview 目錄結構 . ├── library\ 庫目錄(製作PHP可調用拓展) | ├── os\ 系統拓展目錄 | ├── php\ php環境目錄 | ├── src\ 應用目錄 | └── ind

php , webview , 桌面應用 , Javascript

收藏 評論

smartApi - 鴻蒙 web組件開發

HarmonyOS NEXT(API 12+) 的 ArkTS 工程。示例均已在 DevEco Studio 4.1.3 真機運行通過。 一、最小可運行骨架(ArkTS) // entry/src/main/ets/pages/WebPage.ets import { webview } from '@kit.ArkWeb'; @Entry @Component str

yyds乾貨盤點 , webview , 前端開發 , typescript , HTML , Git

收藏 評論

程序員徐公 - WebView 嵌套滑動,絲滑般實現吸頂效果,完美兼容 X5 webview

背景 本文首發我的微信公眾號徐公,收錄於 Github·AndroidGuide,這裏有 Android 進階成長知識體系, 希望我們能夠一起學習進步,關注公眾號徐公,5 年中大廠程序員,一起建立核心競爭力 最近項目在開發中,需要實現 WebView 吸頂的效果。剛開始在 Demo 實現的時候,使用的是普通的 WebView。切換到項目的時候,由於使用的是 X5 WebView,在解決過程中

Kotlin , webview , Android

收藏 評論

零一行者 - 從實際營銷活動案例看 H5 與 WebView 的交互

從實際案例看 H5 與 WebView 交互 現在運營需要設計一個活動頁面,這個頁面需要支持如下功能: img src="https://img-blog.csdnimg.cn/direct/9cf7eeedd91d48088c3c1695941521cf.jpeg" width="375px"/ img src="https://img-blog.csdnimg.cn/direct/a78

vue.js , uniapp , webview , Javascript

收藏 評論

perkz - React Native封裝tencentx5 Sdk的Webview

參考資料: react-native-webview-tencentx5 手把手教你一步步集成騰訊 X5 內核(Tencent TBS X5) 接入文檔 開發文檔 之前基於react-native-webview封裝的Canvas在比較老的android手機上沒法導出圖片canvas.toDataURL失效了,就想用react-native-webview-tencentx

react-native , webview , Android , JAVA , typescript

收藏 評論

互聯網小思悟 - Flutter 中 WebView 的使用以及與 JS 交互

一、在原生安卓中的使用 在原生安卓中一般採用的是@JavascriptInterface註解和WebView的addJavascriptInterface方法實現橋接 實現一個@JavascriptInterface的註解。 class JavaScriptCall() { @JavascriptI

後端開發 , webview , flutter , harmonyos , ide , Javascript

收藏 評論

vivo互聯網技術 - 從不足到精進:H5即開並行加載方案的演進之路

作者: vivo 互聯網客户端團隊- Chen Long 並行加載是 H5 即開 SDK 的加速技術,通過 native 層在用户打開頁面時並行請求關鍵資源(如 index.html 和 CSR 模式 API),利用 webview 初始化時間窗口提前發起請求,減少加載耗時。其核心挑戰是解決 webview 與並行任務間的資源交接問題。 1分鐘看圖掌握核心觀點👇 一、並行加載能力核心解

客户端 , webview , 前端 , html5

收藏 評論

野生程序猿江辰 - 微信小程序 web-view 問題

大家好,我是江辰,這篇文章記錄一次在真實的線上環境中,關於 web-view 的問題,大家可以跟隨作者一起看看心路歷程。 本文首發於微信公眾號:野生程序猿江辰 歡迎大家點贊,收藏,關注 問題背景 上半年最開始做的一版是展業大廳頁面和互動白板頁面(以下統稱 web-view)分離,後面由於騰訊那邊對交互方式不滿意,強調一定要展業大廳頁面和白板頁面在同一個頁面進行交互,最開始我們沒有思路,因為在小程序

微信 , 微信小程序 , webview , 前端

收藏 評論

seasonley - FE.CLI-使用playwright對pywebview應用做自動化測試

背景 在 基於pywebview搭建企業級桌面端 這篇中記錄了多種webview桌面端的框架,並記錄了pywebview的使用和相關的坑。本篇記錄如何在pywebview中實現自動化測試。 由於pywebview沒有提供測試套件,只有幾個基礎的操作接口,所以需要結合一些測試框架來實現。 如果pywebview中不涉及bridge通信,那可以當做普通瀏覽器來測試,以上框架都支持。但pywebview

playwright , webview , 前端 , Javascript

收藏 評論

鹽焗代碼蝦 - 小程序開發實戰案例五 | 小程序如何嵌入H5頁面

在接入小程序過程中會遇到需要將 H5 頁面集成到小程序中情況,今天我們就來聊一聊怎麼把 H5 頁面塞到小程序中。 本篇文章將會從下面這幾個方面來介紹: 小程序承載頁面的前期準備 小程序如何承載 H5 小程序和 H5 頁面如何通訊 小程序和 H5 頁面的相互跳轉 小程序承載頁面的前期準備 首先介紹下我們在用小程序承載頁面之前需要做些什麼。 第一步當然就是 先有一個 H5 地址 啦,支付

小程序 , 支付寶 , webview

收藏 評論

程序員老劉 - Pura 70和12306的性能分析

哈嘍,我是老劉 這兩天經常刷到的一個短視頻是在Pura70上用12306卡頓 首先我沒錢買Pura70,沒有實際測試,所以不敢説這種情況是不是真實存在 但是如果視頻裏的現象是真實的 我想站在一個程序員的角度分析一下可能的原因 不管最後的原因是什麼,我們也能借此瞭解一下影響app性能的因素有哪些 1、CPU性能問題? 很多博主説是因為CPU不給力 我的第一反應是

性能優化 , webview , flutter , harmonyos

收藏 評論

浪遏飛舟 - 如何將iframe封裝成一個組件

背景 在使用 Electron 桌面應用時,有時我們需要將其他平台上的業務頁面嵌入到桌面應用中,以便快速滿足業務需求。 這種需求的優勢在於可以重用已有的業務頁面,無需重新開發桌面應用的界面和功能,從而節省時間和資源。通過將其他端的業務頁面嵌入桌面應用中,我們可以快速將現有的功能和用户界面帶入桌面環境,提供一致的用户體驗。 雖然 Electron 框架提供 webview 標籤來幫助我們嵌入其他端的

iframe , webview , electron

收藏 評論