WebView6 [iOS] WebView ์์ ๋๋ฒ๊น ํ๋ ๋ฐฉ๋ฒ (Safari - ๊ฐ๋ฐ์์ฉ ํด ์ฌ์ฉ) ์ด ๊ธ์์ ์ค๋ช ํ๋ ๊ฒ 1. iOS ์์ ์น๋ทฐ ๋๋ฒ๊น ํ๋ ๋ฐฉ๋ฒ PC ์น ๋ธ๋ผ์ฐ์ ์์๋ F12 ๋ก ๊ฐ๋ฐ์๋๊ตฌ๋ฅผ ์ด์ด ๋๋ฒ๊น ์ ํ๋ค. Android ๋ Chrome://inspect ๋ฅผ ์ฌ์ฉํด ์น๋ทฐ ๋๋ฒ๊น ์ ํ๋ค๋ฉด, iOS ๋ Safari ์์ ์ ๊ณตํ๋ ๊ฐ๋ฐ์์ฉ์ ์ฌ์ฉํ๋ค. 2. iOS ์์ ์น๋ทฐ ์๋ก๊ณ ์นจ ํ๋ ๋ฐฉ๋ฒ 2.1. ์๋ฒ์์ ์ฝ๋ ์์ ์ ํ๋๋ฐ, ์๋ก๊ณ ์นจ ํ๋ ๋ฐฉ๋ฒ 2.2. ์๋ฒ์์ ์ฝ๋ ์์ ์ ํ๋๋ฐ, ๊ฐ๋ ฅ ์๋ก๊ณ ์นจ์ ํ๋ ๋ฐฉ๋ฒ 1. iOS ์์ ์น๋ทฐ ๋๋ฒ๊น ํ๋ ๋ฐฉ๋ฒ (ํ ์คํธ ํ์ด์ง๋ https://www.google.com ์ผ๋ก ํ๋ค.) 1.1. ์๋ฎฌ๋ ์ดํฐ/๋จ๋ง๊ธฐ๋ฅผ ์ฐ๊ฒฐํ๊ณ Xcode ์์ command + R ์ ๋๋ฌ ๋ฐํ๋ค. 1.2. ์ฑ์ด ๋จ๊ณ ์น๋ทฐ ์ฐฝ์ด ๋จ๋ฉด Safari ๋ฅผ ๋๋ฌ ์๋จ์.. 2021. 10. 21. [์๋๋ก์ด๋] ์น๋ทฐ ๋๋ฒ๊น ์ฝ๊ฒ ํ๋ ๋ฐฉ๋ฒ - Chrome inspect ์ฌ์ฉ๋ฒ (4) 1. ์ ๋ฎฌ๋ ์ดํฐ/ํด๋ํฐ ๋จ๋ง๊ธฐ๋ฅผ ์ฐ๊ฒฐํ ์ํ์์ 2. Chrome ๋ธ๋ผ์ฐ์ ์์ ์ฃผ์์ฐฝ์ Chrome://inspect ๋ฅผ ๊ฒ์ํ๋ค. 3. ๊ทธ๋ฌ๋ฉด ์ด์ ๋ค์๊ณผ ๊ฐ์ด Decices > Remote Target์ด ๋ฌ๋ค. (์ ๋จ๋ฉด ์ ๊น .. 10์ด ์ ๋ ๊ธฐ๋ค๋ฆด ๊ฒ!) 4. ์ฌ๊ธฐ์ ํ๋จ์ inspect ๋ฅผ ํด๋ฆญํ๋ค. ๋ค์๊ณผ ๊ฐ์ DevTools ์ฐฝ์ด ์๋ก ๋จ๊ฒ ๋๋ค. ์ด์ ์ด ํ๋ฉด์์ ๊ธฐ์กด ์น ๋ธ๋ผ์ฐ์ ์์ F12๋ฅผ ๋๋ฌ ๋๋ฒ๊น ํ๋ ๋ฐฉ์์ผ๋ก ๋๋ฒ๊น ์ ํ ์๋, console.log๋ฅผ ์ฐ์ด ๋ณผ ์๋ ์๋ค. ํ ์คํธ ํ๊ฒฝ ์ค์ ๋ฐ ์ฝ๋ 1. [์๋๋ก์ด๋] ์น๋ทฐ ๋๋ฒ๊น ์ฝ๊ฒ ํ๋ ๋ฐฉ๋ฒ - Chrome inspect ์ฌ์ฉ๋ฒ (1) [์๋๋ก์ด๋] ์น๋ทฐ ๋๋ฒ๊น ์ฝ๊ฒ ํ๋ ๋ฐฉ๋ฒ - Chrome inspect ์ฌ์ฉ๋ฒ (1) ๋จผ์ .. 2021. 5. 2. [์๋๋ก์ด๋] ์น๋ทฐ ๋๋ฒ๊น ์ฝ๊ฒ ํ๋ ๋ฐฉ๋ฒ - Chrome inspect ์ฌ์ฉ๋ฒ (3) ์๋๋ก์ด๋ ์ํ ์ฝ๋๋ฅผ ์์ฑํด ๋ณด๊ฒ ๋ค. activity_main.xml AndroidManifest.xml MainActivity.java package com.example.webviewdebugging; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.webkit.WebSettings; import android.webkit.WebView; public class MainActivity extends AppCompatActivity { private WebView mWebView; String serverUrl = "http://๋ณธ์ธIP:ํฌํธ/WebViewDebugging/index.htm.. 2021. 5. 2. [์๋๋ก์ด๋] ์น๋ทฐ ๋๋ฒ๊น ์ฝ๊ฒ ํ๋ ๋ฐฉ๋ฒ - Chrome inspect ์ฌ์ฉ๋ฒ (2) index.html ์ ์์ฑํ๋ฉด ๊ธฐ๋ณธ ์ฝ๋๋ ์๋์ ๊ฐ์ด ๋์ด ์๋ค. ์ฌ๊ธฐ์ ์๋ก์ด ์ฝ๋๋ฅผ ์ถ๊ฐํด ๋ณด์. ํ ์คํธ ์ฝ๋ ํ ์คํธ ๋ฒํผ ๋ฅผ ์์ ์ถ๊ฐํ๊ณ , ๋ฐ, ์์์ ํ ์คํธ ๋ฒํผ ์ ์ถ๊ฐํ๋ค. index.html ๋ง์ ์์ฑํ์ ๋์ ๊ฒฐ๊ณผ ํ๋ฉด ๋นจ๊ฐ์์ผ๋ก ์น ํ ๋ถ๋ถ์ ๋ณธ์ธ์ ์์ดํผ์ด๋ค. ์์ ์ ์์ดํผ๋ฅผ ๋ชจ๋ฅธ๋ค๋ฉด ํค๋ณด๋์์ ์๋์ฐ+R ํค > cmd > ipconfig ๋ช ๋ น์ด๋ก ์กฐํํ ์ ์๋ค. ... ์ด์ Android ์น๋ทฐ๋ฅผ ๋ง๋ค๊ธฐ ์ํ ์์ ์ ์์ํด ๋ณด์. index.html ํ ์คํธ ๋ฒํผ test.js var test = { callAndroid: function (callbackSuccess, callbackFail, sInput) { var result = window.BRIDGE.androidFunc(.. 2021. 5. 2. ์ด์ 1 2 ๋ค์