貢獻者17
粉絲0
LayoutUnit Subpixel Layout 引言 為了更好的支持移動端和 PC 端的縮放，WebKit 增加了subpixel layout（次像素/亞像素佈局）為此他們還改變了 rendering tree。一個次像素單元在 WebKit 內被稱為 LayoutUnit 用於取代之前使用整數來佈局一個元素在頁面中位置和大小。從 2013 年開始 WebKit 就已經開啓了這個 fla
昵稱 Jiavan
引言 隨着 Web 技術和移動設備的飛速發展，各種 APP 層出不窮，極速的業務擴展提高了團隊對開發效率的要求，這個時候使用 IOS/Andriod 開發一個 APP 似乎成本有點過高了，而 H5 的低成本、高效率、跨平台等特性馬上被利用起來形成了一種新的開發模式：Hybrid APP。 Hybrid 技術已經成為一種最主流最常見的方案。一套好的 Hybrid 架構解決方案能讓 App 既能擁有極
昵稱 前端森林
JavaScript是運行在一個單獨的 JS Context中（例如： webview的webkit引擎，JSCore） 本位主要總結下 JSBridge 前端實現原理，來自工作中的總結，安卓/ios代碼僅為示意 JSBridge 是廣為流行的Hybrid 開發中JS和Native一種通信方式，簡單的説，JSBridge就是定義Native和JS的通信，Native只通過一個固定的
昵稱 大桔子
登錄api.sap.com, 找到自己想用ABAP調用的API： API References裏，點擊Code Snippt， 即可看到API Hub自動生成的使用ABAP調用該API的代碼： 在SAP WebIDE裏，選擇Tools-Preferences, 啓用Hybrid App Toolkit： 選擇WebIDE裏的Master-Detail應用文件夾，右鍵菜單裏選擇Mobile
昵稱 註銷
2022-02-11更新：新版本TBS SDK已恢復支持靜態集成的方法，無需在使用本文的方法了。 測試新SDK(ver:44153 date:2022-1-17)已提供QbSdk.installLocalTbsCore方法，沒翻到此方法的官方文檔，應該是還沒有打算公開。 請直接下載最新sdk，然後調用QbSdk.installLocalTbsCore進行靜態集成。 參考文章：https://
昵稱 高堅果
一. 搭建App開發環境和工作空間 前言 我們的目標是要做一個真實的案例, 着重通過BUI框架及其相關工具的使用, 結合原生打包平台, 幫助大家理解一個App的開發過程. 以最新網易新聞的App為例, 儘量只描述過程, 細節可以自行完善, 高仿得太過以假亂真, 會有侵權問題 ^_^. 文章會分為多個小章節, 知識點逐個講解的方式, 每天掌握一點點, 進步一點點. 文章首發都會在bui神速訂閲號,
昵稱 王小o
BUI-163網易新聞 大小: 6.27M 該App基於BUI Webapp框架+Dcloud構建. 僅供學習交流使用. 整個app開發過程記錄在這裏bui神速訂閲號. 快速開發App系列篇 預覽 交互1: 下拉刷新, 加載分頁 交互2: Tab嵌套交互 交互3: 欄目刪減自動更新 交互4: 底部tab的交互, 每個Tab裏面還有各自的交互 下載 源碼下載: https
昵稱 王小o
前言 WebView毫不誇張的説就是一個微型的瀏覽器，WebView讓開發者可以在Native中展示Web頁面，而在Hybrid方案大行其道的今天，WebView在開發過程中更是扮演着不可或缺的角色，雖然Webiew簡單易用，只要簡單的創建一個實例，然後調用loadUrl方法就可以運行展示一個Web頁面，然而你真的瞭解Webview嗎?它如何與Native交互？又是如何向展示的Web頁面去注入JS
昵稱 齊明
H5開發 引入flexible.js 在*.html的head標籤中引入script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"/script Note：HTML中無需設置meta name="viewport" content="width=device-width, initia
昵稱 米花兒團兒
對前端開發人員來説，Chrome 真是一個必備的開發工具，大到頁面展示，小到 BUG 調試/HTTP 抓包等，本文我將和大家分享自己做混合應用開發過程中經常用到的幾個調試技巧。 一、調試安卓應用 在進行混合應用開發過程中，經常需要在安卓應用中調試 H5 項目的代碼，這裏我們就需要了解安卓應用如何在 Chrome 上進行調試。 接下來簡單介紹一下，希望大家還是能實際進行調試看看： 1. 準備工
昵稱 pingan8787
隨着移動浪潮的興起，各種 App 層出不窮，極速發展的業務拓展提升了團隊對開發效率的要求，這個時候純粹使用 Native 開發技術成本難免會更高一點。而 H5 的低成本、高效率、跨平台等特性馬上被利用起來了，形成一種新的開發模式： Hybrid App 作為一種混合開發的模式，Hybrid App 底層依賴於 Native 提供的容器（Webview），上層使用各種前端技術完成業務開發（現在三足鼎
昵稱 杭城小劉
掌上生活是一個比較先進的銀行App，不能單純當做瀏覽器來處理，其有專門提供的JS-SDK供調用 JS-SDK: https://open.cmbchina.com/Pla... 如果不想引入這個庫的話，有一些細微但重要的功能可以直接仿寫，比如判斷是否在掌上生活中，就是通過正則匹配UA判斷的 判斷是否在掌上生活中：/cmblife/.test(ua); 在該App內想要喚起美團，也不能直接使用
昵稱 魔芋藥丸
熟悉 iOS/macOS Hybrid 混合開發的同學應該都有體會，WKWebView 雖然是蘋果作為替代 UIWebView\WebView 而推出的"新"組件，但大部分開發者對它實在“愛不起來”。畢竟對於國內大部分應用開發者來説，在實際使用中 WKWebView 所謂的“優勢”未必能體現出來，但帶來的“坑”卻都着實都不淺。 目前社區或線上可查找的 WKWebView 相關資料，大多比較陳舊且
昵稱 阿里巴巴終端技術
作者：逍菲、崖鬆、子倫 餓了麼端 618、國慶、雙11、雙12等大促會場基本上會標配底部導航，在之前普通H5容器中底部導航是前端實現，每次點擊會場底部導航的tab，都會重新啓動一個活動頁面覆蓋在上面，即使之前打開過的tab也都要重新創建和加載，體驗不佳，且H5也不能很好的結合Native能力做進一步的體驗和性能優化。 經過調研發現手淘PHA框架可解決上述痛點問題，PHA容器底部TabBar為Na
昵稱 阿里巴巴終端技術
Hybrid App 開發模式 Hhybrid App顧名思義就是原生 App 與 Web App 的結合。它的殼是原生 App，但是裏面放的是網頁。 可以理解成，混合 App 裏面隱藏了一個瀏覽器，用户看到的實際上是這個隱藏瀏覽器渲染出來的網頁。 混合 App 的原生外殼稱為"容器"，內部隱藏的瀏覽器，通常使用系統提供的網頁渲染控件（即 WebView 控件），也可以自己內置一個瀏覽器內核。結構
昵稱 火爆的茶壺
//notation: js file can only use this kind of comments //since comments will cause error when use in webview.loadurl, //comments will be remove by java use regexp (function() { if (window.WebViewJav
昵稱 beckyyyy
移動操作系統在經歷了諸神混戰之後，BlackBerry OS、Symbian OS、Windows Phone等早期的移動操作系統逐漸因失去競爭力而退出。目前，市場上主要只剩下安卓和iOS兩大陣營，使得iOS和安卓工程師成為搶手資源。然而，由於兩者系統的差異，開發同一個應用需投入兩倍的工作量，不僅增加了人力成本，而且由於不同團隊的開發，細節實現和應用一致性也面臨問題。 因此，迫切需要一種能夠一次開
昵稱 陳小西
關注公眾號前端小白菜，更多前端小乾貨等着你喔！公眾號會不定期分享前端技術，每天進步一點點，與大家相伴成長 uni-app App端內置了一個基於weex的原生渲染引擎，提供了原生的渲染能力。 想用JavaScript開發中原生的組件能力，前端有兩種選擇weex和react-native，兩個框架分別依託於vue與react。weex依託於vue，與uni-app的設計理念一致，故而也是uni
昵稱 孤月
跨平台技術發展的三個階段 第一階段是混合開發的web容器時代 為了解決原生開發的高成本、低效率，出現了Hybrid混合開發 原生中嵌入依託於瀏覽器的WebView Web瀏覽器中可以實現的需求在WebView中基本都可以實現 但是Web最大的問題是，它的性能和體驗與原生開發存在肉眼可感知的差異 因此並不適用於對性能和用户體驗要求較高的場景
昵稱 蘭俊秋雨