๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

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.