{"id":2714,"date":"2018-03-28T10:00:38","date_gmt":"2018-03-28T01:00:38","guid":{"rendered":"https:\/\/blog.timecrowd.net\/?p=2714"},"modified":"2018-04-20T10:15:53","modified_gmt":"2018-04-20T01:15:53","slug":"react-native-android-webview-debug","status":"publish","type":"post","link":"https:\/\/blog.timecrowd.net\/react-native-android-webview-debug\/","title":{"rendered":"Ruby\/iOS\u30a8\u30f3\u30b8\u30cb\u30a2\u304cReact Native\u88fdAndroid\u30a2\u30d7\u30ea\u306eWebView\u3092\u30c7\u30d0\u30c3\u30b0\u3059\u308b\u6642\u306b\u30cf\u30de\u3063\u305f\u6240"},"content":{"rendered":"<p>\u5f0a\u793e\u306f\u57fa\u672c\u7684\u306b\u306fWeb\u30a2\u30d7\u30ea\u306e\u4f1a\u793e\u3067\u3001\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u4eba\u6750\u304c\u6052\u5e38\u7684\u306b\u4e0d\u8db3\u3057\u3066\u304a\u308a\u307e\u3059\u3002<br \/>\n\u305d\u3093\u306a\u4e8b\u60c5\u3082\u3042\u308a\u3001\u73fe\u72b6\u306eTimeCrowd\u30a2\u30d7\u30ea\u306f\u5074\u30cd\u30a4\u30c6\u30a3\u30d6\u3067\u306e\u63d0\u4f9b\u306b\u306a\u3063\u3066\u3057\u307e\u3063\u3066\u3044\u307e\u3059\u3002\uff08\u30ed\u30b0\u30a4\u30f3\u306a\u3069\u30cd\u30a4\u30c6\u30a3\u30d6\u304c\u5fc5\u8981\u306a\u90e8\u5206\u306fReact Native\u88fd\uff09<br \/>\n\u203b \u306f\u3084\u304f\u3061\u3083\u3093\u3068\u3057\u305f\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u306b\u66f8\u304d\u63db\u3048\u305f\u3044\u306e\u3067\u3059\u304c\u2026\u3002<\/p>\n<p>\u5074\u30cd\u30a4\u30c6\u30a3\u30d6\u3067\u3042\u308c\u3070\u3001\u30cd\u30a4\u30c6\u30a3\u30d6\u306e\u3053\u3068\u3092\u77e5\u3089\u306a\u3044\u3067\u6e08\u3080\u3001\u304b\u3068\u8a00\u3048\u3070\u3082\u3061\u308d\u3093\u305d\u3046\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br \/>\n\u4f8b\u3048\u3070\u4eca\u56de\u306e\u3088\u3046\u306b\u300cAndroid\u3060\u3051\u3067\u52d5\u304b\u306a\u3044\u300d\u3068\u3044\u3046\u3053\u3068\u3082\u5f53\u7136\u8d77\u304d\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n<p>\u672c\u4ef6\u306f\u3001iOS\u306e\u7d4c\u9a13\u304c\u3042\u308b\u3068\u3044\u3046\u3053\u3068\u3067\uff08\uff1f\uff09\u79c1\u304c\u30c7\u30d0\u30c3\u30b0\u3059\u308b\u3053\u3068\u306b\u306a\u308a\u307e\u3057\u305f\u304c\u3001\u3044\u308d\u3044\u308d\u3068\u8e93\u304f\u3053\u3068\u304c\u3042\u3063\u305f\u306e\u3067\u6065\u3092\u5fcd\u3093\u3067\u6652\u3057\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<div id=\"toc_container\" class=\"toc_white no_bullets\"><p class=\"toc_title\">\u76ee\u6b21<\/p><ul class=\"toc_list\"><li><a href=\"#1\"><span class=\"toc_number toc_depth_1\">1<\/span> \u305d\u306e1\uff1a\u518d\u73fe\u3067\u304d\u306a\u3044<\/a><\/li><li><a href=\"#2\"><span class=\"toc_number toc_depth_1\">2<\/span> \u305d\u306e2\uff1a\u5b9f\u6a5f\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3067\u304d\u306a\u3044<\/a><\/li><li><a href=\"#3\"><span class=\"toc_number toc_depth_1\">3<\/span> \u305d\u306e3\uff1a\u5b9f\u6a5f\u3067\u52d5\u304b\u306a\u3044<\/a><\/li><li><a href=\"#4MacChromeWebView\"><span class=\"toc_number toc_depth_1\">4<\/span> \u305d\u306e4\uff1aMac\u306eChrome\u304b\u3089WebView\u304c\u898b\u3048\u306a\u3044<\/a><\/li><li><a href=\"#5\"><span class=\"toc_number toc_depth_1\">5<\/span> \u305d\u306e5\uff1a\u30a4\u30f3\u30b9\u30da\u30af\u30bf\u30fc\u304c\u771f\u3063\u767d<\/a><\/li><li><a href=\"#Android\"><span class=\"toc_number toc_depth_1\">6<\/span> \u307e\u3068\u3081\uff1aAndroid\u3092\u52c9\u5f37\u3057\u3088\u3046<\/a><\/li><\/ul><\/div>\n<h2><span id=\"1\">\u305d\u306e1\uff1a\u518d\u73fe\u3067\u304d\u306a\u3044<\/span><\/h2>\n<p>\u4eca\u56de\u306e\u30d0\u30b0\u306f\u30e6\u30fc\u30b6\u30fc\u3055\u3093\u304b\u3089\u304a\u554f\u3044\u5408\u308f\u305b\u304c\u3042\u3063\u3066\u767a\u899a\u3057\u307e\u3057\u305f\u3002<br \/>\n\u3057\u304b\u3057\u3001Android\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\uff087.0\uff09\u3092\u63c3\u3048\u3066\u3082\u518d\u73fe\u305b\u305a\u3001\u56f0\u308a\u307e\u3057\u305f\u3002<\/p>\n<p>\u7d50\u5c40Chrome\u30a2\u30d7\u30ea\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u304c\u539f\u56e0\u3067\u3057\u305f\u3002<\/p>\n<p>Android\u306e\u4e8b\u60c5\u3092\u77e5\u3063\u3066\u3044\u308b\u4eba\u3067\u3042\u308c\u3070\u30017.0\u304b\u3089WebView\u306fChrome\u304c\u63d0\u4f9b\u3057\u3066\u3044\u308b\u3053\u3068\u306b\u3059\u3050\u601d\u3044\u5f53\u305f\u308a\u3001\u30cf\u30de\u3089\u306a\u304b\u3063\u305f\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n<h2><span id=\"2\">\u305d\u306e2\uff1a\u5b9f\u6a5f\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3067\u304d\u306a\u3044<\/span><\/h2>\n<p>\u5b9f\u6a5f\u3092\u7e4b\u3044\u3060\u72b6\u614b\u3067<code>react-native run-android<\/code>\u3092\u5b9f\u884c\u3057\u3066\u3082<code>INSTALL_FAILED_VERSION_DOWNGRADE<\/code>\u3084<code>INSTALL_FAILED_UPDATE_INCOMPATIBLE<\/code>\u306a\u3069\u304c\u767a\u751f\u3057\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n<p>\u30b9\u30c8\u30a2\u304b\u3089\u5165\u308c\u3066\u3044\u305f\u30a2\u30d7\u30ea\u3092\u30a2\u30f3\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u3053\u3068\u3067\u89e3\u6d88\u3057\u307e\u3057\u305f\u3002<br \/>\n\u6700\u521d\u3001\u30db\u30fc\u30e0\u753b\u9762\u304b\u3089\u524a\u9664\u3057\u305f\u3060\u3051\u3067\u30a2\u30f3\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3067\u304d\u305f\u3068\u601d\u3063\u3066\u3044\u3066\u7121\u99c4\u306b\u6642\u9593\u304c\u304b\u304b\u3063\u3066\u3057\u307e\u3044\u307e\u3057\u305f\u3002<\/p>\n<h2><span id=\"3\">\u305d\u306e3\uff1a\u5b9f\u6a5f\u3067\u52d5\u304b\u306a\u3044<\/span><\/h2>\n<p>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u3067\u304d\u305f\u3082\u306e\u306e\u3001\u4eca\u5ea6\u306fReact Native\u306e\u958b\u767a\u30b5\u30fc\u30d0\u30fc\u306b\u63a5\u7d9a\u3067\u304d\u306a\u3044\u305f\u3081\u52d5\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002<br \/>\n<code>~\/Library\/Android\/sdk\/platform-tools\/adb reverse tcp:8081 tcp:8081<\/code>\u3092\u5b9f\u884c\u3059\u308b\u3053\u3068\u3067\u3001\u8ee2\u9001\u3057\u3066\u304f\u308c\u3066\u52d5\u304f\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n<p>\u53c2\u8003\uff1a<br \/>\n<div class=\"linkcard\"><div class=\"lkc-external-wrap\"><a class=\"no_icon\" href=\"https:\/\/github.com\/facebook\/react-native\/issues\/15388\" target=\"_blank\"><div class=\"lkc-card\"><div class=\"lkc-content\"><span class=\"lkc-thumbnail\"><img class=\"lkc-thumbnail-img\" src=\"https:\/\/s.wordpress.com\/mshots\/v1\/https%3A%2F%2Fgithub.com%2Ffacebook%2Freact-native%2Fissues%2F15388?w=100\" alt=\"\" \/><\/span><span class=\"lkc-title\">Could not connect to development server on android emulator and on real devic...<\/span><div class=\"lkc-url\"><cite>https:\/\/github.com\/facebook\/react-native\/issues\/15388<\/cite><\/div><div class=\"lkc-excerpt\">Is this a bug report?Its an issue i am facing while running the normal Awesome Project on my systemHave you read the Contributing Guidelines?YesEnvironmentreact-native -v: 0.47.1node -v:8....<\/div><\/div><div class=\"clear\"><\/div><\/div><\/a><\/div><\/div><\/p>\n<p>[2018\/4\/20 \u8ffd\u8a18]<br \/>\n\u3053\u308c\u306fadb\u3078\u306e\u30d1\u30b9\u3092\u901a\u3057\u3066\u304a\u3051\u3070\u3001ReactNative\u304c\u81ea\u52d5\u3067\u3084\u3063\u3066\u304f\u308c\u308b\u3082\u306e\u3067\u3057\u305f\u3002<\/p>\n<h2><span id=\"4MacChromeWebView\">\u305d\u306e4\uff1aMac\u306eChrome\u304b\u3089WebView\u304c\u898b\u3048\u306a\u3044<\/span><\/h2>\n<p>Chrome\u30a2\u30d7\u30ea\u3067Web\u3092\u898b\u308b\u3068\u30c7\u30d0\u30c3\u30b0\u3067\u304d\u308b\u306e\u306b\u3001\u30a2\u30d7\u30ea\u5185\u306eWebView\u306f\u898b\u308c\u307e\u305b\u3093\u3067\u3057\u305f\u3002<br \/>\n<code>MainApplication.java<\/code>\u306e<code>onCreate()<\/code>\u306b<code>WebView.setWebContentsDebuggingEnabled(true);<\/code>\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u89e3\u6d88\u3057\u307e\u3057\u305f\u3002<\/p>\n<p>\u53c2\u8003\uff1a<br \/>\n<div class=\"linkcard\"><div class=\"lkc-external-wrap\"><a class=\"no_icon\" href=\"https:\/\/github.com\/facebook\/react-native\/issues\/11415\" target=\"_blank\"><div class=\"lkc-card\"><div class=\"lkc-content\"><span class=\"lkc-thumbnail\"><img class=\"lkc-thumbnail-img\" src=\"https:\/\/s.wordpress.com\/mshots\/v1\/https%3A%2F%2Fgithub.com%2Ffacebook%2Freact-native%2Fissues%2F11415?w=100\" alt=\"\" \/><\/span><span class=\"lkc-title\">can&#039;t debug webview in chrome \u00b7 Issue #11415 \u00b7 facebook\/react-native<\/span><div class=\"lkc-url\"><cite>https:\/\/github.com\/facebook\/react-native\/issues\/11415<\/cite><\/div><div class=\"lkc-excerpt\">DescriptionI want to debug webview page on chrome use  chrome:\/\/inspect\/#devices ,but  I can&#039;t see the page opend with webview.but I can debug webview with safari on IOSReproductionAdditio...<\/div><\/div><div class=\"clear\"><\/div><\/div><\/a><\/div><\/div><\/p>\n<h2><span id=\"5\">\u305d\u306e5\uff1a\u30a4\u30f3\u30b9\u30da\u30af\u30bf\u30fc\u304c\u771f\u3063\u767d<\/span><\/h2>\n<p>\u3084\u3063\u3068<code>chrome:\/\/inspect\/#devices<\/code>\u304b\u3089inspect\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u304c\u3001\u306a\u305c\u304b\u753b\u9762\u304c\u771f\u3063\u767d\u3067\u4f55\u3082\u3067\u304d\u306a\u3044\u2026\u3002<br \/>\n\u3053\u308c\u306f\u3001Mac\u306eChrome\u3092\u6700\u65b0\u7248\u306b\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3059\u308b\u3053\u3068\u3067\u89e3\u6d88\u3057\u307e\u3057\u305f\u3002<\/p>\n<h2><span id=\"Android\">\u307e\u3068\u3081\uff1aAndroid\u3092\u52c9\u5f37\u3057\u3088\u3046<\/span><\/h2>\n<p>\u3053\u3093\u306a\u611f\u3058\u3067\u3001\u5b9f\u969b\u306e\u4fee\u6b63\u4f5c\u696d\u3088\u308a\u30c7\u30d0\u30c3\u30b0\u74b0\u5883\u3092\u6574\u3048\u308b\u306e\u306b\u6642\u9593\u304c\u304b\u304b\u3063\u3066\u3057\u307e\u3044\u307e\u3057\u305f\u3002<br \/>\nAndroid\u306e\u3053\u3068\u3092\u6539\u3081\u3066\u52c9\u5f37\u3057\u3088\u3046\u3068\u601d\u3044\u76f4\u3057\u307e\u3057\u305f\u3002<\/p>\n<p>\u300ciOS\u30a8\u30f3\u30b8\u30cb\u30a2\u306e\u305f\u3081\u306eAndroid\u5165\u9580\u300d\u3068\u3044\u3046\u672c\u304c\u51fa\u3066\u307b\u3057\u3044\u3067\u3059\u3002<br \/>\n\u307e\u305f\u3001\u300c\u79c1\u304c\u541b\u9054\u306bAndroid\u306e\u306a\u3093\u305f\u308b\u304b\u3092\u6559\u3048\u3066\u3084\u308b\u300d\u3068\u3044\u3046\u65b9\u304c\u3044\u3089\u3063\u3057\u3083\u3044\u307e\u3057\u305f\u3089\u3001\u662f\u975e\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"\u5f0a\u793e\u306f\u57fa\u672c\u7684\u306b\u306fWeb\u30a2\u30d7\u30ea\u306e\u4f1a\u793e\u3067\u3001\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u4eba\u6750\u304c\u6052\u5e38\u7684\u306b\u4e0d\u8db3\u3057\u3066\u304a\u308a\u307e\u3059\u3002 \u305d\u3093\u306a\u4e8b\u60c5\u3082\u3042\u308a\u3001\u73fe\u72b6\u306eTimeCrowd\u30a2\u30d7\u30ea\u306f\u5074&#8230;","protected":false},"author":4,"featured_media":2715,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":""},"categories":[5],"tags":[12],"_links":{"self":[{"href":"https:\/\/blog.timecrowd.net\/wp-json\/wp\/v2\/posts\/2714"}],"collection":[{"href":"https:\/\/blog.timecrowd.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.timecrowd.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.timecrowd.net\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.timecrowd.net\/wp-json\/wp\/v2\/comments?post=2714"}],"version-history":[{"count":9,"href":"https:\/\/blog.timecrowd.net\/wp-json\/wp\/v2\/posts\/2714\/revisions"}],"predecessor-version":[{"id":2866,"href":"https:\/\/blog.timecrowd.net\/wp-json\/wp\/v2\/posts\/2714\/revisions\/2866"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.timecrowd.net\/wp-json\/wp\/v2\/media\/2715"}],"wp:attachment":[{"href":"https:\/\/blog.timecrowd.net\/wp-json\/wp\/v2\/media?parent=2714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.timecrowd.net\/wp-json\/wp\/v2\/categories?post=2714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.timecrowd.net\/wp-json\/wp\/v2\/tags?post=2714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}