iOS混合開發除錯祕籍
在進行混合開發的時候(H5&&iOS),進行聯合除錯很是讓我們開發者頭疼,為了鎖定問題所在,H5小夥伴沒少打alert,我們這邊也沒少打log日誌,很是麻煩,下面給大家說一下我的新發現。輕鬆解決混合開發中的除錯問題。
1.不一樣的safari
作為iOS開發者,我想大家對safari都不陌生,但是通過了解發現真正使用過,safari開發者功能的是少之又少。下面先給大家簡單說一下safari的開發者功能。步驟 ->開啟safari瀏覽器 ->選中工具欄中的safari中的偏好設定,如下圖:
然後如下圖:
選中在選單欄顯示“開發”選單
2,進入除錯模式
一切準備就緒,先下載一個我兩年前的一個混合開發的 小demo,帶回就以這個demo來進行演示如何除錯。demo 下載地址
1,執行程式,將打印出的指令碼沙盒路徑,複製貼上到safari瀏覽器開啟
格式如下:
file://複製的沙盒路徑
然後進入相關頁面 選擇在工具欄選擇:開發->進入響應式設計模式->開啟web檢查器,然後按照下圖的流程打斷點就可以除錯咯。
根據上圖,大家就可以輕鬆愉快的進行除錯了,而且即使是釋出在web站點的,也可以哦,是不是特別的便利哦。
相關推薦
iOS混合開發除錯祕籍
在進行混合開發的時候(H5&&iOS),進行聯合除錯很是讓我們開發者頭疼,為了鎖定問題所在,H5小夥伴沒少打alert,我們這邊也沒少打log日誌,很是麻煩,下面給大家說一下我的新發現。輕鬆解決混合開發中的除錯問題。 1.不一樣的saf
React Native iOS混合開發實用教程
期待已久的新課上線啦!解鎖React Native開發新姿勢,一網打盡React Native最新與最熱技術,點我Get!!! 在做RN開發的時候通常離不了JS 和Native之間的通訊,比如:初始化RN時Native向JS傳遞資料,JS呼叫Native的相簿選擇圖片,
Android 和IOS 混合開發,一套程式碼兩處執行-----Flutter
轉載自:https://www.jianshu.com/p/8baa8ed2414d什麼是Flutter2018年2月27日,在2018世界移動大會上,Google釋出了Flutter的第一個Beta版本。Flutter是Google用以幫助開發者在Ios和Android兩個平臺開發高質量原生應用的全新移動U
iOS混合開發庫(GICXMLLayout)三、建立工程
這篇文章主要是提供一個通用的使用GIC進行開發的專案結構,包括如何引入HotReload功能。 我已經將基礎的專案框架提交到git中,你也可以直接下載檢視。git連結 一、基本的專案搭建 首先是建立一個全新的iOS單頁面應用。 。 在專案的根目錄下新增podf
iOS混合開發庫(GICXMLLayout)二、功能、架構介紹
如果你已經下載了專案原始碼,並且在模擬器或者真機中執行過了,你會發現GIC還是提供了較多的功能的,通過這些功能基本能夠滿足大多數的開發需求了。 這篇文章主要分享下GIC的整體功能以及架構設計介紹。 GIC的佈局系統以及UI元素是基於Texture實現的,資料繫結中的單向和雙向繫結是基於RAC實現的,而動畫
iOS混合開發庫(GICXMLLayout)八、熱更新
GIC在UI上支援直接以XML來寫,而業務邏輯支援使用JavaScript來寫,因此具備了應用熱更新的能力。 本篇將會重點介紹如何使用GIC來實現應用的熱更新。 如果你不想看下面內容,也可以直接使用腳手架來建立一個具有HotUpdate功能的工程模板。你可以按照腳手架的提示直接執行這個模板來檢視hotUp
iOS混合開發庫(GICXMLLayout)七、JavaScript篇
介紹 GIC從0.3.0版本開始正式支援JavaScript,也就意味你可以直接使用JavaScript來寫業務邏輯,至此開始,結合XML、js檔案、圖片資源等靜態檔案,完全可以將整個的APP做成一個可以熱更新的應用。另外,在開發的時候也可以通過HotReload的方式,無需編譯整個APP就能實時重新整理應
iOS混合開發庫(GICXMLLayout)四、腳手架、IDE
在前一篇文章中介紹瞭如何一步一步建立GIC應用,並且給出了一個大概的工程結構的參考,而這一篇文章將會介紹如何使用腳手架直接建立GIC工程以及如何使用使用VSCode來開發專案。 GICXMLLayout現在已經有了配套的腳手架工具,以及IDE的支援。這將進一步的提升你的開發效率。 腳手架 腳手架是基於N
iOS混合開發庫(GICXMLLayout)六、資料繫結原理
各位對於MVVM這種架構應該多多少少有一定的瞭解了,而提到MVVM那麼資料繫結應該是繞不過去的一個話題。資料繫結是MVVM架構中的一個重要組成部分,可以做到View跟ViewModel之間的解耦,真正的做到UI、邏輯的分離。 在iOS上要是實現MVVM,那麼一般使用RAC或者RXSwift來實現資料繫結的功
iOS混合開發庫(GICXMLLayout)五、Texture篇
GIC在UI元素以及佈局系統都是基於Texture開發的,這裡可能需要做下說明。 . UI元素指的是lable、list、image這些可以直接顯示內容的元素。 . 佈局系統指的是專門用來佈局的面板,同時也是一種特殊的UI,你可以理解為一個一種佈局面板就是一種UIView,因此也可以設定backgroun
雜園日記-H5-IOS-Android混合開發
api div col 調用 strong java -i 日記 post 1.js 調用 原生API iOS: window.webkit.messageHandlers.yourFunName.postMessage({"1":"3"}); //調用的方法名稱為:yo
混合開發中ios相容問題
1. z-index無效,設定層級,發現再ios中無效,後來發現是設定了 -webkit-overflow-scrolling:touch 設定這個屬性之後。層級設定失效 [email protected]事件的問題,ios自帶輸入法不觸發keyup事件導致vue雙
iOS+React Native混合開發初探 一
前言: 雖然專案中一直沒有混合開發的需求,但一直很好奇這一塊。最近正好沒什麼需求了,所以決定來學習一下RN,並記錄學習的過程和一些心得,希望大家能一起交流,共同進步。 一 搭建開發環境 1.必需的軟體 Homebrew 開啟終端,輸入一下命令 /usr/bin
iOS感測器集錦、飛機大戰、開發除錯工具、強制更新、Swift仿QQ空間頭部等原始碼
iOS精選原始碼 飛機大作戰 iOS優質部落格 Apple於北京時間9月17日晚在官網釋出了Xcode 10正式版,QiShare團隊成員於9月18日中午統一升級以對現有專案做適配。期間,作者發現某專案使用Xcode 10編譯
Flutter與已有iOS工程混合開發與指令碼配置
作者:Realank Liu 連結:https://juejin.im/post/5b7a1bfbe51d4538a93d2339 來源:掘金 著作權歸作者所有。商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。
iOS開發除錯技巧總結(持續更新中)
作者:乞力馬紮羅的雪 原文 對於軟體開發而言,除錯是必須學會的技能,重要性不言而喻。對於除錯的技能,基本上是可以遷移的,也就是說你以前在其他平臺上掌握的很多除錯技巧,很多也是可以用在iOS開發中。不同語言、不同IDE、不同平臺的除錯,有同性也有個性。今
Hybrid App(混合開發) 移動端開發除錯
1、下載專案,npm install安裝依賴 本地執行 npm run dev(根據具體packjson配 置而定) 2、區域網訪問:http://172.20.9.35:8080/ 3、手機端訪問:在我的、設定裡,點選關於vv裡的logo 5下 出現隱藏設定 除錯地址裡填 區域網訪
iOS原生專案整合Cordova混合開發
對於網上很多人分享的,原生專案整合cordova進行混合開發,很多人說的都很籠統,剛接觸的小白,有時候很容易懵逼。其實整合不同的開發環境,剛開始就一點:從原生進入Cordova和從Cordova返回原生、或者從原生進入ReactNative和ReactNa
【開發工具】iOS真機除錯抓包工具Charles安裝及使用
支援原創,更多內容請關注: iOS開發過程中,經常需要用真機來測試和後臺的網路資料傳輸,需要一個趁手的抓包工具。在Windows下用的fidder很好用,但是由於它是在.Net框架之下的,所以在Mac下需要有一個替代品,就是Charles。 一、安裝 二、
iOS程式設計師混合開發問題記錄
先容我用文字吐槽下我們哩得(Leader :領導) 作為一個iOS開發,專案已經寫了一年,真尼瑪感覺蛋疼,好無語有沒有,好想吐槽專案經理,產品經理,高高在上的老總!想啥呢,都一年了,就算專案某些功能沒定下來,咱們就不能拐個歪想別的嗎? 這個專案我們iOS和Android只是