{"id":498784,"date":"2026-10-15T15:15:00","date_gmt":"2026-10-15T12:15:00","guid":{"rendered":"https:\/\/savepearlharbor.com\/?p=498784"},"modified":"2026-10-15T15:15:00","modified_gmt":"2026-10-15T12:15:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=498784","title":{"rendered":"\u041a\u0430\u043a\u00a0\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u2011\u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0431\u0435\u0437\u00a0\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432"},"content":{"rendered":"<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>\u041d\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0438 \u0437\u0430\u0434\u0430\u0447\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f\u00a0iOS \u0438 Android. \u041d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043d\u0430\u00a0Swift \u0438 Kotlin \u0432\u00a0\u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043d\u0435\u0442, \u0437\u0430\u0442\u043e \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u0445\u043e\u0440\u043e\u0448\u043e \u0437\u043d\u0430\u0435\u0442 Vue. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u043a\u0430\u043a\u00a0\u043b\u0438\u0434 \u0432\u044b\u0431\u0440\u0430\u043b Vue \u0438 Capacitor\u00a0\u2014 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u043f\u0430\u043a\u043e\u0432\u044b\u0432\u0430\u0435\u0442 \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u0432\u0435\u0431\u2011\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u00a0\u043d\u0430\u0442\u0438\u0432\u043d\u0443\u044e \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0443 \u0438 \u0434\u0430\u0451\u0442 \u0434\u043e\u0441\u0442\u0443\u043f \u043a\u00a0\u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u0447\u0435\u0440\u0435\u0437 JavaScript\u2011\u043f\u043b\u0430\u0433\u0438\u043d\u044b.<\/p>\n<p>\u0427\u0435\u0440\u0435\u0437 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u044b \u0437\u0430\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u043e\u0445\u0440\u0430\u043d\u0443 \u0438 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442 \u0441\u00a0\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u043c. \u0412\u00a0\u043d\u0451\u043c \u0435\u0441\u0442\u044c:<\/p>\n<ul>\n<li>\n<p>\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043e\u0440 \u0438 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430;<\/p>\n<\/li>\n<li>\n<p>\u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044f \u043d\u0430\u00a0\u043a\u0430\u0440\u0442\u0435;<\/p>\n<\/li>\n<li>\n<p>\u0432\u0445\u043e\u0434 \u043f\u043e\u00a0PIN\u2011\u043a\u043e\u0434\u0443 \u0438\u043b\u0438\u00a0Face ID.<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u0421\u0442\u0435\u043a:<\/strong> Vue 3, TypeScript, Vite \u0438 Capacitor 8.<\/p>\n<p>\u041f\u043e\u00a0\u0438\u0442\u043e\u0433\u0430\u043c \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u00a0\u0446\u0435\u043b\u043e\u043c \u0432\u0435\u0434\u0451\u0442 \u0441\u0435\u0431\u044f \u043a\u0430\u043a\u00a0\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435. \u0414\u043b\u044f\u00a0\u044d\u0442\u043e\u0433\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043e\u0441\u0432\u043e\u0438\u0442\u044c \u0442\u043e, \u0441\u00a0\u0447\u0435\u043c \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435\u0440 \u043e\u0431\u044b\u0447\u043d\u043e \u043d\u0435\u00a0\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442:<\/p>\n<ul>\n<li>\n<p>\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0441\u0431\u043e\u0440\u043a\u0438 \u043d\u0430\u00a0\u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0430\u0445 \u0441\u00a0Windows, macOS \u0438 Linux;<\/p>\n<\/li>\n<li>\n<p>\u0432\u0451\u0440\u0441\u0442\u043a\u0443 \u043f\u043e\u0434\u00a0\u0432\u044b\u0440\u0435\u0437 \u044d\u043a\u0440\u0430\u043d\u0430 \u0438 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0443;<\/p>\n<\/li>\n<li>\n<p>\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432;<\/p>\n<\/li>\n<li>\n<p>\u0440\u0430\u0437\u0434\u0430\u0447\u0443 \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0445 \u0441\u0431\u043e\u0440\u043e\u043a \u0447\u0435\u0440\u0435\u0437 TestFlight.<\/p>\n<\/li>\n<\/ul>\n<h3>\u0427\u0442\u043e\u00a0\u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u043e\u0442\u00a0Capacitor<\/h3>\n<h4>\u041e\u0434\u0438\u043d \u0441\u0442\u0435\u043a \u043d\u0430\u00a0\u0432\u0441\u0451<\/h4>\n<p>Vue 3, Vite, Tailwind, Vitest \u0438 Storybook \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0442\u0430\u043a\u00a0\u0436\u0435, \u043a\u0430\u043a\u00a0\u0432\u00a0\u0432\u0435\u0431\u0435. \u0427\u0442\u043e\u00a0\u044d\u0442\u043e \u0434\u0430\u0451\u0442 \u043d\u0430\u00a0\u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435:<\/p>\n<ul>\n<li>\n<p><strong>\u0412\u0451\u0440\u0441\u0442\u043a\u0443 \u0438 \u0440\u043e\u0443\u0442\u0438\u043d\u0433<\/strong> \u043f\u043e\u0447\u0442\u0438 \u0446\u0435\u043b\u0438\u043a\u043e\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0432\u00a0Chrome DevTools \u0432\u00a0\u0440\u0435\u0436\u0438\u043c\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430.<\/p>\n<\/li>\n<li>\n<p><strong>\u042d\u043c\u0443\u043b\u044f\u0442\u043e\u0440<\/strong> \u043d\u0443\u0436\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f\u00a0\u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u00a0\u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442\u00a0\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b.<\/p>\n<\/li>\n<li>\n<p><strong>\u0413\u043e\u0440\u044f\u0447\u0430\u044f \u0437\u0430\u043c\u0435\u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 (HMR) \u0432\u00a0Vite<\/strong> \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0438 \u043d\u0430\u00a0\u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435: \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0430\u0434\u0440\u0435\u0441 dev\u2011\u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0432 <code>server.url<\/code>.<\/p>\n<\/li>\n<li>\n<p><strong>\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u00a0\u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435<\/strong> \u043e\u0442\u043b\u0430\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043a\u0430\u043a\u00a0\u043e\u0431\u044b\u0447\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430: \u0447\u0435\u0440\u0435\u0437 Safari Web Inspector \u043d\u0430\u00a0iOS \u0438 <code>chrome:\/\/inspect<\/code> \u043d\u0430\u00a0Android.<\/p>\n<\/li>\n<li>\n<p><strong>\u041d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a<\/strong> \u043d\u0430\u00a0Swift \u0438\u043b\u0438\u00a0Kotlin \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043d\u0435\u00a0\u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u0441\u044f.<\/p>\n<\/li>\n<\/ul>\n<h4>\u041d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0447\u0435\u0440\u0435\u0437 \u043b\u0435\u0433\u043a\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b<\/h4>\n<p>\u0414\u043b\u044f\u00a0\u0440\u0430\u0431\u043e\u0442\u044b \u0441\u00a0\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u0441\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u0430 \u0443\u00a0Capacitor \u0435\u0441\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043d\u0430\u0431\u043e\u0440 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432: \u043a\u0430\u043c\u0435\u0440\u0430, \u0433\u0435\u043e\u043b\u043e\u043a\u0430\u0446\u0438\u044f, \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f, \u0444\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430, \u0432\u0438\u0431\u0440\u0430\u0446\u0438\u044f \u0438 \u0434\u0440\u0443\u0433\u0438\u0435. \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 Capacitor, \u0438\u0445 \u0441\u043f\u0438\u0441\u043e\u043a \u0435\u0441\u0442\u044c \u0432 <a href=\"https:\/\/capacitorjs.com\/docs\/apis\" rel=\"noopener nofollow\">\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438<\/a>. \u041e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0431\u0438\u043e\u043c\u0435\u0442\u0440\u0438\u044e, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0438\u0437 <a href=\"https:\/\/capacitorjs.com\/docs\/plugins\/community\" rel=\"noopener nofollow\">\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430<\/a>.<\/p>\n<p>\u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043f\u044f\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432:<\/p>\n<ul>\n<li>\n<p><code>@capacitor\/app<\/code>\u00a0\u2014 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438;<\/p>\n<\/li>\n<li>\n<p><code>@capacitor\/device<\/code>\u00a0\u2014 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043e\u0431\u00a0\u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u044f\u0437\u044b\u043a \u0441\u0438\u0441\u0442\u0435\u043c\u044b;<\/p>\n<\/li>\n<li>\n<p><code>@capacitor\/keyboard<\/code>\u00a0\u2014 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0439 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043e\u0439;<\/p>\n<\/li>\n<li>\n<p><code>@aparajita\/capacitor-biometric-auth<\/code>\u00a0\u2014 \u0432\u0445\u043e\u0434 \u043f\u043e\u00a0Face ID \u0438 \u043e\u0442\u043f\u0435\u0447\u0430\u0442\u043a\u0443 \u043f\u0430\u043b\u044c\u0446\u0430 \u0441\u00a0\u0438\u043c\u0438\u0442\u0430\u0446\u0438\u0435\u0439 \u0431\u0438\u043e\u043c\u0435\u0442\u0440\u0438\u0438 \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435;<\/p>\n<\/li>\n<li>\n<p><code>capacitor-secure-storage-plugin<\/code>\u00a0\u2014 \u0437\u0430\u0449\u0438\u0449\u0451\u043d\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432\u00a0Keychain \u0438 Keystore.<\/p>\n<\/li>\n<\/ul>\n<p>\u0420\u0430\u0437\u0431\u0435\u0440\u0451\u043c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043d\u0430\u00a0\u043f\u0440\u0438\u043c\u0435\u0440\u0435 <code>@capacitor\/keyboard<\/code>.<\/p>\n<p><strong>\u0428\u0430\u0433 1.<\/strong> \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u043f\u0430\u043a\u0435\u0442 \u0438 \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b:<\/p>\n<pre><code class=\"bash\">npm install @capacitor\/keyboardnpx cap sync<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper\"><\/span><\/a><\/div><\/pre>\n<p><strong>\u0428\u0430\u0433 2.<\/strong> \u041d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d \u0432 <code>capacitor.config.ts<\/code>. \u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <code>resize: None<\/code> \u043e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0441\u0436\u0430\u0442\u0438\u0435 WebView \u043f\u0440\u0438\u00a0\u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0438 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b:<\/p>\n<pre><code class=\"typescript\">import type { CapacitorConfig } from \"@capacitor\/cli\";import { KeyboardResize } from \"@capacitor\/keyboard\";const config: CapacitorConfig = {  appId: \"com.example.app\",  appName: \"Example\",  webDir: \"dist\",  plugins: {    Keyboard: {      resize: KeyboardResize.None,    },  },};export default config;<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper icon-only\"><\/span><\/a><\/div><\/pre>\n<p><strong>\u0428\u0430\u0433 3.<\/strong> \u0412\u044b\u0437\u0432\u0430\u0442\u044c API \u0438\u0437\u00a0\u043a\u043e\u0434\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0417\u0434\u0435\u0441\u044c \u043f\u0430\u043d\u0435\u043b\u044c \u043d\u0430\u0434 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043e\u0439 iOS \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f, \u0430\u00a0\u0432\u044b\u0441\u043e\u0442\u0430 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u0442\u0441\u044f \u0432\u00a0CSS\u2011\u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e:<\/p>\n<pre><code class=\"typescript\">import { Capacitor } from \"@capacitor\/core\";import { Keyboard } from \"@capacitor\/keyboard\";if (Capacitor.getPlatform() === \"ios\") {  await Keyboard.setAccessoryBarVisible({ isVisible: false });}await Keyboard.addListener(\"keyboardWillShow\", ({ keyboardHeight }) =&gt; {  document.documentElement.style.setProperty(\"--keyboard-height\", `${keyboardHeight}px`);});<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper icon-only\"><\/span><\/a><\/div><\/pre>\n<h4>\u041d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e\u0434\u00a0\u043a\u0430\u0436\u0434\u0443\u044e \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0443<\/h4>\n<p>\u0414\u043b\u044f\u00a0\u043a\u0430\u0436\u0434\u043e\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b Capacitor \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442: Xcode \u0434\u043b\u044f\u00a0iOS \u0438 Android Studio \u0434\u043b\u044f\u00a0Android. \u0412\u043d\u0443\u0442\u0440\u0438 \u043d\u0435\u0433\u043e \u0432\u00a0WebView \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u0435\u0431\u2011\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0430\u00a0\u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u043e\u043d \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u043c\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b. \u0412\u00a0WebView \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0432\u0441\u0451, \u0447\u0442\u043e\u00a0\u0435\u0441\u0442\u044c \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438 \u0437\u043d\u0430\u043a\u043e\u043c\u044b\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0438 \u043a\u043e\u0434, \u043d\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u0432\u00a0\u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445.<\/p>\n<p>\u041f\u043e\u00a0\u0437\u0430\u0434\u0443\u043c\u043a\u0435 Capacitor \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b <a href=\"https:\/\/capacitorjs.com\/docs\/cordova\" rel=\"noopener nofollow\">\u0445\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u0432\u00a0\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438<\/a> \u0438 \u043f\u0440\u0430\u0432\u044f\u0442\u0441\u044f \u0432\u0440\u0443\u0447\u043d\u0443\u044e. \u041c\u043e\u0436\u043d\u043e \u043f\u043e\u0439\u0442\u0438 \u0434\u0440\u0443\u0433\u0438\u043c \u043f\u0443\u0442\u0451\u043c \u0438 \u043f\u0435\u0440\u0435\u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0438\u0445 \u0438\u0437\u00a0\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u00a0\u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0431\u043e\u0440\u043a\u0435. \u041c\u044b \u0432\u044b\u0431\u0440\u0430\u043b\u0438 \u044d\u0442\u043e\u0442 \u0432\u0430\u0440\u0438\u0430\u043d\u0442:<\/p>\n<ul>\n<li>\n<p><strong>\u041f\u043b\u044e\u0441:<\/strong> \u043f\u0440\u043e\u0435\u043a\u0442 \u0432\u0441\u0435\u0433\u0434\u0430 \u0447\u0438\u0441\u0442\u044b\u0439, \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u043e\u0432 \u043f\u0440\u0438\u00a0\u0441\u043b\u0438\u044f\u043d\u0438\u0438 \u043d\u0435\u0442.<\/p>\n<\/li>\n<li>\n<p><strong>\u041c\u0438\u043d\u0443\u0441:<\/strong> \u0440\u0443\u0447\u043d\u044b\u0435 \u043f\u0440\u0430\u0432\u043a\u0438 \u0442\u0435\u0440\u044f\u044e\u0442\u0441\u044f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u043d\u043e\u0441\u0438\u0442\u044c \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u043c.<\/p>\n<\/li>\n<\/ul>\n<h3>\u0421\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c 1: \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u043e\u0441\u0432\u043e\u0438\u0442\u044c \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0442\u0443\u043b\u0447\u0435\u0439\u043d<\/h3>\n<p>\u041f\u0438\u0441\u0430\u0442\u044c \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043e\u0434 \u043d\u0435\u00a0\u043d\u0443\u0436\u043d\u043e, \u043d\u043e\u00a0\u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0432\u0441\u0451 \u0440\u0430\u0432\u043d\u043e \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f, \u0430\u00a0\u0434\u043b\u044f\u00a0\u044d\u0442\u043e\u0433\u043e \u043d\u0443\u0436\u043d\u044b \u043d\u0435\u0437\u043d\u0430\u043a\u043e\u043c\u044b\u0435 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435\u0440\u0443 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b: JDK, Android SDK, \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u044b, Xcode. \u0412\u0441\u0435 \u0438\u0445 \u043d\u0430\u043c \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0438\u0437\u0443\u0447\u0438\u0442\u044c \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c, \u0430\u00a0\u0443\u00a0\u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0432\u043e\u0438 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u00a0\u0432\u0435\u0440\u0441\u0438\u044f\u043c. \u0427\u0430\u0441\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u0442\u0430\u0432\u0438\u0442 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0432\u0435\u0440\u0441\u0438\u0439, \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435\u00a0\u2014 \u0432\u0440\u0443\u0447\u043d\u0443\u044e:<\/p>\n<ul>\n<li>\n<p><strong>\u0421\u0442\u0430\u0432\u0438\u0442 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0432\u0435\u0440\u0441\u0438\u0439 mise:<\/strong><\/p>\n<ul>\n<li>\n<p>JDK (Temurin 21), \u043d\u0430\u00a0\u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 Gradle;<\/p>\n<\/li>\n<li>\n<p>Android SDK: Platform 36\u00a0\u0438 Build\u2011Tools 35.0.0;<\/p>\n<\/li>\n<li>\n<p>\u043e\u0431\u0440\u0430\u0437\u044b \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430 Android API 36\u00a0\u0438 API 34;<\/p>\n<\/li>\n<li>\n<p>Xcode 26+ \u0438 \u0440\u0430\u043d\u043d\u0435\u0440 iOS\u2011\u0441\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430, \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u00a0macOS.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>\u0421\u0442\u0430\u0432\u0438\u043c \u0432\u0440\u0443\u0447\u043d\u0443\u044e:<\/strong><\/p>\n<ul>\n<li>\n<p>Android Studio: \u0438\u0437\u00a0\u043d\u0435\u0451 \u043d\u0443\u0436\u043d\u044b Device Manager \u0438 Logcat;<\/p>\n<\/li>\n<li>\n<p>\u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0432\u00a0Device Manager;<\/p>\n<\/li>\n<li>\n<p>\u0430\u043f\u043f\u0430\u0440\u0430\u0442\u043d\u043e\u0435 \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430: \u0432\u00a0Windows\u00a0\u2014 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 Windows Hypervisor Platform, \u0432\u00a0Linux\u00a0\u2014 KVM (Kernel\u2011based Virtual Machine).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>\u0420\u0443\u0447\u043d\u0430\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430<\/h4>\n<p>\u0415\u0441\u043b\u0438 \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0432\u0441\u0451 \u0432\u0440\u0443\u0447\u043d\u0443\u044e, \u043b\u0435\u0433\u043a\u043e \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043e\u0434\u0438\u043d \u0438\u0437\u00a0\u0448\u0430\u0433\u043e\u0432, \u0438 \u0442\u043e\u0433\u0434\u0430 Gradle \u043d\u0435\u00a0\u043d\u0430\u0439\u0434\u0451\u0442 SDK \u0438\u043b\u0438\u00a0\u043d\u0435\u00a0\u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0441\u044f \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440. \u041a\u00a0\u0442\u043e\u043c\u0443\u00a0\u0436\u0435 \u043d\u0438\u043a\u0442\u043e \u043d\u0435\u00a0\u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442, \u0447\u0442\u043e\u00a0\u0443\u00a0\u0434\u0432\u0443\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043e\u043a\u0430\u0436\u0443\u0442\u0441\u044f \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438. \u0413\u0434\u0435 \u043b\u0435\u0433\u043a\u043e \u043e\u0448\u0438\u0431\u0438\u0442\u044c\u0441\u044f:<\/p>\n<ul>\n<li>\n<p><code>JAVA_HOME<\/code> \u0434\u043e\u043b\u0436\u0435\u043d \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043d\u0430\u00a0\u043a\u043e\u0440\u0435\u043d\u044c JDK, \u0431\u0435\u0437 <code>\/bin<\/code> \u0438 \u0431\u0435\u0437\u00a0\u0441\u043b\u044d\u0448\u0430 \u0432\u00a0\u043a\u043e\u043d\u0446\u0435.<\/p>\n<\/li>\n<li>\n<p>\u0412\u00a0SDK Manager \u043d\u0443\u0436\u043d\u043e \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u00abShow Package Details\u00bb, \u0438\u043d\u0430\u0447\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u043d\u0435\u00a0\u0442\u0435 \u0432\u0435\u0440\u0441\u0438\u0438. \u0424\u043b\u0430\u0436\u043e\u043a \u00abCommand\u2011line Tools\u00bb \u043f\u043e\u00a0\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0441\u043d\u044f\u0442, \u0430\u00a0\u0431\u0435\u0437\u00a0\u043d\u0435\u0433\u043e \u043d\u0435\u00a0\u0431\u0443\u0434\u0435\u0442 <code>sdkmanager<\/code>.<\/p>\n<\/li>\n<li>\n<p>Gradle JDK \u0432\u00a0\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 Android Studio \u0437\u0430\u0434\u0430\u0451\u0442\u0441\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e: \u0442\u0430\u043c \u0442\u043e\u0436\u0435 \u043d\u0443\u0436\u0435\u043d Temurin 21.<\/p>\n<\/li>\n<li>\n<p>\u041f\u0443\u0442\u044c \u0432 <code>ANDROID_HOME<\/code> \u0432\u00a0Windows, macOS \u0438 Linux \u0440\u0430\u0437\u043d\u044b\u0439. \u0412 <code>PATH<\/code> \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0442\u0440\u0438 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430, \u043f\u043e\u0441\u043b\u0435 \u0447\u0435\u0433\u043e \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b \u0438 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c VS Code.<\/p>\n<\/li>\n<\/ul>\n<h4>mise: \u0435\u0449\u0451 \u043e\u0434\u0438\u043d \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043e\u0441\u0432\u043e\u0438\u0442\u044c<\/h4>\n<p>\u0427\u0442\u043e\u0431\u044b \u043d\u0435\u00a0\u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0442\u044c \u044d\u0442\u0443 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u043d\u0430\u00a0\u043a\u0430\u0436\u0434\u043e\u0439 \u043c\u0430\u0448\u0438\u043d\u0435, \u043c\u044b \u043e\u0441\u0432\u043e\u0438\u043b\u0438 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0432\u0435\u0440\u0441\u0438\u0439 mise. \u041f\u0440\u0438\u0432\u044b\u0447\u043d\u044b\u0435 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435\u0440\u0443 nvm \u0438 Volta \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u044e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u0435\u0440\u0441\u0438\u044e Node, \u0430\u00a0SDKMAN\u00a0\u2014 \u0442\u043e\u043b\u044c\u043a\u043e JVM\u2011\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b. \u0423\u00a0mise \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u0431\u043e\u043b\u044c\u0448\u0435:<\/p>\n<ul>\n<li>\n<p>\u0437\u0430\u043a\u0440\u0435\u043f\u043b\u044f\u0435\u0442 \u0432\u0435\u0440\u0441\u0438\u0438 Node, JDK, Android cmdline\u2011tools \u0438 <code>xcodes<\/code>;<\/p>\n<\/li>\n<li>\n<p>\u0437\u0430\u0434\u0430\u0451\u0442 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f;<\/p>\n<\/li>\n<li>\n<p>\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0437\u0430\u0434\u0430\u0447\u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438;<\/p>\n<\/li>\n<li>\n<p>\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e \u043d\u0430\u00a0Windows, macOS \u0438 Linux.<\/p>\n<\/li>\n<\/ul>\n<p>\u0412\u0441\u0451 \u044d\u0442\u043e \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0432\u00a0\u043e\u0434\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435 <code>mise.toml<\/code>. \u0423\u043f\u0440\u043e\u0449\u0451\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440:<\/p>\n<details class=\"spoiler\">\n<summary>mise.toml<\/summary>\n<div class=\"spoiler__content\">\n<pre><code># \u0412\u0435\u0440\u0441\u0438\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432: mise \u0441\u043a\u0430\u0447\u0430\u0435\u0442 \u0438\u0445 \u0438 \u0432\u043a\u043b\u044e\u0447\u0438\u0442 \u043f\u0440\u0438 \u0432\u0445\u043e\u0434\u0435 \u0432 \u043f\u0430\u043f\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430[tools]java = \"temurin-21\"   # JDK \u0434\u043b\u044f Gradle, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 Android-\u043f\u0440\u043e\u0435\u043a\u0442node = \"24\"android-sdk = \"23.0\"  # \u0443\u0442\u0438\u043b\u0438\u0442\u044b \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 Android SDKxcodes = { version = \"latest\", os = [\"macos\"] }  # \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a Xcode, \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 macOS# \u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 mise \u0432\u044b\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0432 \u043f\u0430\u043f\u043a\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430[env]# SDK \u043b\u0435\u0436\u0438\u0442 \u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u043c \u0434\u043b\u044f \u041e\u0421 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435, \u0430 \u043d\u0435 \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435 mise:# \u0442\u0430\u043a \u043e\u043d \u043e\u0431\u0449\u0438\u0439 \u0441 Android Studio \u0438 \u043e\u0431\u0440\u0430\u0437\u044b \u043d\u0435 \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0434\u0432\u0430\u0436\u0434\u044bANDROID_HOME = \"{% if os() == 'windows' %}{{ env.LOCALAPPDATA }}\\\\Android\\\\Sdk{% elif os() == 'macos' %}{{ env.HOME }}\/Library\/Android\/sdk{% else %}{{ env.HOME }}\/Android\/Sdk{% endif %}\"# adb \u0438 emulator \u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432 \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b\u0435_.path = [\"{{ env.ANDROID_HOME }}\/platform-tools\", \"{{ env.ANDROID_HOME }}\/emulator\"]# \u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0437\u0430\u0434\u0430\u0447[vars]# ABI \u043e\u0431\u0440\u0430\u0437\u0430 \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430: arm64 \u043d\u0430 Apple silicon, x86_64 \u043d\u0430 Intel \u0438 AMDabi = \"{% if arch() == 'arm64' or arch() == 'aarch64' %}arm64-v8a{% else %}x86_64{% endif %}\"# \u0417\u0430\u0434\u0430\u0447\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u0441\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 mise run &lt;\u0438\u043c\u044f \u0437\u0430\u0434\u0430\u0447\u0438&gt;[tasks.\"android:sdk\"]description = \"\u041f\u0430\u043a\u0435\u0442\u044b Android SDK \u0434\u043b\u044f \u0441\u0431\u043e\u0440\u043a\u0438\"run = \"android sdk install platform-tools platforms\/android-36 build-tools\/35.0.0\"[tasks.\"android:emulator\"]description = \"\u042d\u043c\u0443\u043b\u044f\u0442\u043e\u0440 \u0438 \u043e\u0431\u0440\u0430\u0437\u044b Android API 36 \u0438 API 34\"depends = [\"android:sdk\"]  # \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f android:sdkrun = \"android sdk install emulator system-images\/android-36\/google_apis\/{{ vars.abi }} system-images\/android-34\/google_apis\/{{ vars.abi }}\"[tasks.\"ios:simulator\"]description = \"\u0420\u0430\u043d\u043d\u0435\u0440 iOS-\u0441\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430, \u0442\u043e\u043b\u044c\u043a\u043e macOS\"run = \"xcodebuild -downloadPlatform iOS\"<\/code><div class=\"code-explainer\"><a href=\"https:\/\/sourcecraft.dev\/\" class=\"tm-button code-explainer__link\" style=\"visibility: hidden;\"><span class=\"sc-logo-wrapper icon-only\"><\/span><\/a><\/div><\/pre>\n<\/div>\n<\/details>\n<p>\u041d\u043e\u0432\u043e\u043c\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c <code>mise install<\/code> \u0438 \u0437\u0430\u0434\u0430\u0447\u0443 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438. \u0415\u0441\u043b\u0438 \u0447\u0435\u0433\u043e\u2011\u0442\u043e \u043d\u0435\u00a0\u0445\u0432\u0430\u0442\u0430\u0435\u0442, \u0437\u0430\u0434\u0430\u0447\u0430 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u043a\u0430\u0436\u0435\u0442, \u0447\u0435\u0433\u043e \u0438\u043c\u0435\u043d\u043d\u043e, \u0438 \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c\u0441\u044f \u0432\u00a0\u043e\u0448\u0438\u0431\u043a\u0430\u0445 <code>xcodebuild<\/code> \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u0440\u0435\u0436\u0435. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u00a0\u0441\u0435\u043a\u0446\u0438\u044f\u0445 \u0438 \u0437\u0430\u0434\u0430\u0447\u0430\u0445 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u0432 <a href=\"https:\/\/mise.jdx.dev\/\" rel=\"noopener nofollow\">\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 mise<\/a>.<\/p>\n<h4>\u0413\u0440\u0430\u0431\u043b\u0438, \u043d\u0430\u00a0\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0430\u0441\u0442\u0443\u043f\u0438\u043b\u0438 \u043f\u043e\u00a0\u0434\u043e\u0440\u043e\u0433\u0435<\/h4>\n<p>\u0412\u00a0\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438 Android SDK \u0447\u0435\u0440\u0435\u0437 mise \u043d\u0430\u0448\u043b\u0438\u0441\u044c \u0442\u0440\u0438 \u043f\u043e\u0434\u0432\u043e\u0445\u0430:<\/p>\n<ul>\n<li>\n<p><code>cmd<\/code> \u0432\u00a0Windows \u0440\u0430\u0437\u0431\u0438\u0432\u0430\u0435\u0442 \u0441\u0442\u0440\u043e\u043a\u0443 \u043f\u043e <code>;<\/code> \u0434\u0430\u0436\u0435 \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u0430\u0432\u044b\u0447\u0435\u043a, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0430\u043a\u0435\u0442 <code>\"platforms;android-36\"<\/code> \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u043b\u0441\u044f \u0432\u00a0\u0434\u0432\u0430 \u043d\u0435\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445. \u041f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u0441 <code>sdkmanager<\/code> \u043d\u0430\u00a0\u043d\u043e\u0432\u044b\u0439 Android CLI, \u0433\u0434\u0435 \u0438\u043c\u0435\u043d\u0430 \u043f\u0430\u043a\u0435\u0442\u043e\u0432 \u043f\u0438\u0448\u0443\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u0441\u043b\u044d\u0448.<\/p>\n<\/li>\n<li>\n<p>Android CLI \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043a\u043e\u0434 9\u00a0\u0434\u0430\u0436\u0435 \u043f\u0440\u0438\u00a0\u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0439 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0435. \u042d\u0442\u043e\u0442 \u043a\u043e\u0434 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0430\u00a0\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0443 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u043f\u043e\u00a0\u043d\u0430\u043b\u0438\u0447\u0438\u044e \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u043e\u0432 \u043f\u0430\u043a\u0435\u0442\u043e\u0432.<\/p>\n<\/li>\n<li>\n<p><code>avdmanager<\/code> \u043d\u0435\u00a0\u0432\u0438\u0434\u0438\u0442 \u043e\u0431\u0440\u0430\u0437\u044b, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u043d\u043e\u0432\u044b\u043c CLI, \u0430 <code>android emulator create<\/code> \u043d\u0435\u00a0\u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0437\u0430\u0434\u0430\u0442\u044c \u0438\u043c\u044f \u0438 \u0443\u0440\u043e\u0432\u0435\u043d\u044c API. \u0412\u00a0\u0438\u0442\u043e\u0433\u0435 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u043f\u043e\u2011\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0432\u00a0Device Manager.<\/p>\n<\/li>\n<\/ul>\n<h3>\u0421\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c 2: \u044d\u043a\u0440\u0430\u043d \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442\u00a0\u043e\u043a\u043d\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430<\/h3>\n<p>\u0411\u043e\u043b\u044c\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u0430\u0432\u043e\u043a \u043f\u043e\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u0438 \u0432\u0435\u0449\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0435\u0442 \u0432\u00a0\u0434\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u043e\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435: \u0432\u044b\u0440\u0435\u0437 \u0438 \u043f\u043e\u043b\u043e\u0441\u043a\u0430 \u00ab\u0434\u043e\u043c\u043e\u0439\u00bb, \u044d\u043a\u0440\u0430\u043d\u043d\u0430\u044f \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0430, \u0441\u0435\u043d\u0441\u043e\u0440\u043d\u044b\u0435 \u0436\u0435\u0441\u0442\u044b \u0438 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 WebView. \u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u043a\u0430\u0436\u0434\u044b\u0439 \u0447\u0435\u0442\u0432\u0451\u0440\u0442\u044b\u0439 \u0431\u0430\u0433 \u043d\u0430\u00a0\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u043a\u0430\u0441\u0430\u043b\u0441\u044f \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u043d\u0430\u00a0\u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435, \u043f\u0440\u0438\u0447\u0451\u043c \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u0442\u0430\u043a\u0438\u0445 \u0431\u0430\u0433\u043e\u0432 \u043f\u0440\u043e\u044f\u0432\u043b\u044f\u043b\u0430\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u00a0iPhone.<\/p>\n<figure class=\"full-width \"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/extt\/36\/60\/ea\/3660eaa095021720f388d13a368646dd.png\" alt=\"\u0417\u043e\u043d\u044b \u044d\u043a\u0440\u0430\u043d\u0430 iPhone, \u0433\u0434\u0435 \u043b\u043e\u043c\u0430\u043b\u0430\u0441\u044c \u0432\u0451\u0440\u0441\u0442\u043a\u0430\" width=\"1520\" height=\"1168\" sizes=\"auto, (max-width: 780px) 100vw, 50vw\" srcset=\"https:\/\/habrastorage.org\/r\/w780\/extt\/36\/60\/ea\/3660eaa095021720f388d13a368646dd.png 780w,&#10;       https:\/\/habrastorage.org\/r\/w1560\/extt\/36\/60\/ea\/3660eaa095021720f388d13a368646dd.png 781w\" loading=\"lazy\" decode=\"async\"\/><\/figure>\n<p>\u0414\u0432\u0430 \u0431\u0430\u0433\u0430 \u0441\u0432\u044f\u0437\u0430\u043d\u044b \u0441\u00a0\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u043c\u0438 \u0437\u043e\u043d\u0430\u043c\u0438 \u044d\u043a\u0440\u0430\u043d\u0430. \u041d\u0430\u00a0iPhone \u0448\u0430\u043f\u043a\u0430 \u0437\u0430\u0435\u0437\u0436\u0430\u043b\u0430 \u043f\u043e\u0434\u00a0\u0447\u0430\u0441\u044b \u0438 \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u044b: \u0431\u0435\u0437 <code>viewport-fit=cover<\/code> \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 <code>env(safe-area-inset-*)<\/code> \u043d\u0435\u00a0\u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442. \u0422\u0435\u043f\u0435\u0440\u044c <code>viewport-fit=cover<\/code> \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u0438\u00a0\u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u043d\u0430\u00a0iOS, \u0430\u00a0\u0448\u0430\u043f\u043a\u0435 \u0437\u0430\u0434\u0430\u043d \u043e\u0442\u0441\u0442\u0443\u043f <code>env(safe-area-inset-top)<\/code>. \u041d\u0438\u0437 \u0448\u0442\u043e\u0440\u043a\u0438 \u0443\u0445\u043e\u0434\u0438\u043b \u043f\u043e\u0434\u00a0\u043f\u043e\u043b\u043e\u0441\u043a\u0443 \u00ab\u0434\u043e\u043c\u043e\u0439\u00bb \u0438\u0437\u2011\u0437\u0430 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043d\u0438\u0436\u043d\u0435\u0433\u043e \u043e\u0442\u0441\u0442\u0443\u043f\u0430, \u0435\u0433\u043e \u0437\u0430\u043c\u0435\u043d\u0438\u043b \u043e\u0442\u0441\u0442\u0443\u043f <code>calc(5.125rem + env(safe-area-inset-bottom))<\/code>.<\/p>\n<p>\u0422\u0440\u0438 \u0431\u0430\u0433\u0430 \u0441\u0432\u044f\u0437\u0430\u043d\u044b \u0441\u00a0\u043a\u0430\u0441\u0430\u043d\u0438\u044f\u043c\u0438. \u0414\u0432\u043e\u0439\u043d\u043e\u0439 \u0442\u0430\u043f \u043d\u0430\u00a0iPhone \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u043b \u043c\u0430\u0441\u0448\u0442\u0430\u0431, \u043a\u0430\u043a\u00a0\u043d\u0430\u00a0\u0441\u0430\u0439\u0442\u0435, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e\u00a0\u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0435\u00a0\u0431\u044b\u043b\u043e \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u043e \u0432 <code>viewport<\/code>: \u043f\u043e\u043c\u043e\u0433\u043b\u0438 <code>user-scalable=no<\/code> \u0438 <code>touch-manipulation<\/code> \u043d\u0430 <code>body<\/code>. \u041d\u0430\u00a0iPhone \u0438 Android \u043f\u043e\u0441\u043b\u0435 \u043a\u0430\u0441\u0430\u043d\u0438\u044f \u043e\u0441\u0442\u0430\u0432\u0430\u043b\u0430\u0441\u044c \u0441\u0438\u043d\u044f\u044f \u0440\u0430\u043c\u043a\u0430 \u0444\u043e\u043a\u0443\u0441\u0430, \u0442\u0430\u043a \u043a\u0430\u043a\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0439 <code>outline<\/code> \u043d\u0435\u00a0\u0431\u044b\u043b \u043e\u0442\u043a\u043b\u044e\u0447\u0451\u043d \u0434\u043b\u044f\u00a0\u0441\u0435\u043d\u0441\u043e\u0440\u043d\u043e\u0433\u043e \u0432\u0432\u043e\u0434\u0430. \u041a\u043b\u0430\u0441\u0441 <code>pointer-coarse:outline-none<\/code> \u0443\u0431\u0440\u0430\u043b \u0435\u0451 \u0434\u043b\u044f\u00a0\u043a\u0430\u0441\u0430\u043d\u0438\u0439 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u043b \u0434\u043b\u044f\u00a0\u043c\u044b\u0448\u0438 \u0438 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b. \u041d\u0430\u00a0\u044d\u043a\u0440\u0430\u043d\u0435 \u0448\u0438\u0440\u0438\u043d\u043e\u0439 360\u00a0px \u043d\u0435\u00a0\u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u043b\u0441\u044f \u0440\u044f\u0434 \u0438\u043a\u043e\u043d\u043e\u043a: <code>touch-none<\/code> \u043d\u0430\u00a0\u0440\u0443\u0447\u043a\u0435 \u0448\u0442\u043e\u0440\u043a\u0438 \u043f\u0435\u0440\u0435\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u043b \u0432\u0441\u0435 \u043a\u0430\u0441\u0430\u043d\u0438\u044f. \u0421 <code>touch-pan-x<\/code> \u0440\u044f\u0434 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u0430\u00a0\u0448\u0442\u043e\u0440\u043a\u0430 \u0434\u0432\u0438\u0433\u0430\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u0436\u0435\u0441\u0442\u043e\u043c.<\/p>\n<p>\u0415\u0449\u0451 \u0442\u0440\u0438 \u0431\u0430\u0433\u0430 \u043a\u0430\u0441\u0430\u044e\u0442\u0441\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439. \u0428\u0442\u043e\u0440\u043a\u0443 \u043d\u0430\u00a0iPhone \u043d\u0435\u00a0\u0443\u0434\u0430\u0432\u0430\u043b\u043e\u0441\u044c \u0434\u043e\u043a\u0440\u0443\u0442\u0438\u0442\u044c \u0434\u043e\u00a0\u043a\u043e\u043d\u0446\u0430, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e\u00a0\u0441\u0434\u0432\u0438\u0433 \u043f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441\u0430 \u043d\u0435\u00a0\u0443\u0447\u0438\u0442\u044b\u0432\u0430\u043b\u0441\u044f \u0432\u00a0\u0432\u044b\u0441\u043e\u0442\u0435 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438, \u0438 \u0435\u0433\u043e \u043a\u043e\u043c\u043f\u0435\u043d\u0441\u0438\u0440\u0443\u0435\u0442 \u043d\u0435\u0432\u0438\u0434\u0438\u043c\u044b\u0439 \u043e\u0442\u0441\u0442\u0443\u043f \u043d\u0430\u00a0\u0442\u0443\u00a0\u0436\u0435 \u0432\u0435\u043b\u0438\u0447\u0438\u043d\u0443. \u041d\u0430\u00a0\u0432\u044b\u0442\u044f\u043d\u0443\u0442\u044b\u0445 \u044d\u043a\u0440\u0430\u043d\u0430\u0445 \u0432\u043e\u043a\u0440\u0443\u0433 \u0438\u043d\u0442\u0440\u043e\u2011\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u043e\u044f\u0432\u043b\u044f\u043b\u0438\u0441\u044c \u0431\u0435\u043b\u044b\u0435 \u043f\u043e\u043b\u043e\u0441\u044b: Lottie \u0432\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u043a\u0430\u0434\u0440 1179\u00d72556\u00a0\u0446\u0435\u043b\u0438\u043a\u043e\u043c, \u0430\u00a0\u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <code>preserveAspectRatio: \"xMidYMid slice\"<\/code> \u0437\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0438\u043c \u044d\u043a\u0440\u0430\u043d. \u0421\u0442\u0435\u043a\u043b\u043e \u0448\u0430\u043f\u043a\u0438 \u043d\u0430\u00a0iPhone \u0438 Android \u0442\u0435\u0440\u044f\u043b\u043e \u0440\u0430\u0437\u043c\u044b\u0442\u0438\u0435 \u0432\u043e\u00a0\u0432\u0440\u0435\u043c\u044f \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043c\u0435\u0436\u0434\u0443 \u044d\u043a\u0440\u0430\u043d\u0430\u043c\u0438, \u0442\u0430\u043a \u043a\u0430\u043a <code>backdrop-filter<\/code> \u0432\u00a0\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c \u0441\u043b\u043e\u0435 View Transitions \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044f \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u043e\u043c. \u0422\u0435\u043f\u0435\u0440\u044c \u0432\u00a0\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u043b\u043e\u0439 \u0432\u044b\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0440\u044f\u0434 \u043a\u043d\u043e\u043f\u043e\u043a, \u0430\u00a0\u0441\u0442\u0435\u043a\u043b\u043e \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0432\u00a0\u0441\u043d\u0438\u043c\u043a\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n<p>\u041e\u0441\u0442\u0430\u044e\u0442\u0441\u044f \u0431\u0430\u0433\u0438 \u0441\u00a0\u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043e\u0439. \u041d\u0430\u00a0iPhone \u043d\u0430\u0434 \u043d\u0435\u0439 \u043f\u043e\u044f\u0432\u043b\u044f\u043b\u0430\u0441\u044c \u043b\u0438\u0448\u043d\u044f\u044f \u043f\u0430\u043d\u0435\u043b\u044c, \u0430\u00a0\u0441\u0430\u043c\u0443 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0443 \u043d\u0435\u043b\u044c\u0437\u044f \u0431\u044b\u043b\u043e \u0437\u0430\u043a\u0440\u044b\u0442\u044c: \u0442\u0430\u043a WebView \u0432\u0435\u0434\u0451\u0442 \u0441\u0435\u0431\u044f \u043f\u043e\u00a0\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e. \u042d\u0442\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u043f\u043b\u0430\u0433\u0438\u043d <code>@capacitor\/keyboard<\/code>, \u0430\u0442\u0440\u0438\u0431\u0443\u0442 <code>enterkeyhint=\"done\"<\/code> \u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u0435 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b \u043f\u0440\u0438\u00a0\u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0435. \u041d\u0430\u00a0Android \u0444\u043e\u043d \u00ab\u0441\u0436\u0438\u043c\u0430\u0435\u0442\u0441\u044f\u00bb \u043f\u0440\u0438\u00a0\u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0438 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e\u00a0\u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442 \u0440\u0430\u0441\u0442\u044f\u043d\u0443\u0442 \u043f\u043e\u00a0\u0432\u044b\u0441\u043e\u0442\u0435 \u044d\u043a\u0440\u0430\u043d\u0430, \u0430\u00a0\u0432\u0438\u0434\u0438\u043c\u0430\u044f \u0432\u044b\u0441\u043e\u0442\u0430 WebView \u0443\u043c\u0435\u043d\u044c\u0448\u0430\u0435\u0442\u0441\u044f. \u042d\u0442\u043e\u0442 \u0431\u0430\u0433 \u043f\u043e\u043a\u0430 \u043d\u0435\u00a0\u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d.<\/p>\n<h4>\u041f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u0438 \u043e\u0448\u0438\u0431\u043a\u0438 \u043d\u0435\u00a0\u0432\u0438\u0434\u043d\u044b \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435<\/h4>\n<p>\u0420\u0435\u0436\u0438\u043c \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0432\u00a0Chrome DevTools \u043d\u0435\u00a0\u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e WebView, \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b (\u0432\u044b\u0440\u0435\u0437, \u0441\u0442\u0440\u043e\u043a\u0430 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f), \u043c\u0430\u0441\u0448\u0442\u0430\u0431 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0433\u043e \u0448\u0440\u0438\u0444\u0442\u0430 \u0438 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0434\u0438\u0430\u043b\u043e\u0433\u0438 \u0432\u0440\u043e\u0434\u0435 Face ID. \u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0433\u043e WebView, \u0430\u00a0\u0435\u0433\u043e \u0432\u0435\u0440\u0441\u0438\u044f \u0438 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043e\u0442\u00a0\u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430. \u041d\u0430\u00a0iOS \u0434\u0432\u0438\u0436\u043e\u043a \u043f\u0440\u0438\u0432\u044f\u0437\u0430\u043d \u043a\u00a0\u0432\u0435\u0440\u0441\u0438\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0430\u00a0\u0441\u0442\u0430\u0440\u044b\u0445 iPhone \u0447\u0430\u0441\u0442\u044c \u0432\u0435\u0431\u2011API \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430.<\/p>\n<p>\u041d\u0430\u00a0Android WebView \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e, \u0447\u0435\u0440\u0435\u0437 Play Store, \u043d\u043e\u00a0\u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0441\u0430\u043c\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043e\u0442\u00a0\u0432\u0435\u0440\u0441\u0438\u0438 \u043a\u00a0\u0432\u0435\u0440\u0441\u0438\u0438: \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441\u00a0Android 15\u00a0\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u00a0\u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u043c\u0438 \u043f\u0430\u043d\u0435\u043b\u044f\u043c\u0438 (edge\u2011to\u2011edge). \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u00a0\u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0434\u0432\u0430 \u043e\u0431\u0440\u0430\u0437\u0430 \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430: API 36\u00a0(\u0446\u0435\u043b\u0435\u0432\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f) \u0438 API 34\u00a0(\u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0434\u043e\u00a0edge\u2011to\u2011edge). \u041d\u0430\u00a0\u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0441\u043b\u043e\u0436\u043d\u0443\u044e \u0432\u0451\u0440\u0441\u0442\u043a\u0443 \u043b\u0443\u0447\u0448\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u043d\u0430\u00a0\u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c iPhone \u0438\u043b\u0438\u00a0\u0432\u00a0\u0441\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0435 \u0438 \u043e\u0442\u043b\u0430\u0436\u0438\u0432\u0430\u0442\u044c \u0447\u0435\u0440\u0435\u0437 Safari \u2192 Develop \u0438\u043b\u0438 <code>chrome:\/\/inspect<\/code>.<\/p>\n<h3>\u0421\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c 3: \u043d\u0430\u0442\u0438\u0432\u043d\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u0438\u043d\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c<\/h3>\n<p>\u041d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0437\u0434\u0430\u0451\u0442 Capacitor, \u0438 \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u0437\u0430\u0434\u0430\u0447. \u0414\u043b\u044f\u00a0\u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u043e\u0441\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0438 \u043f\u0430\u0440\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b.<\/p>\n<h4>\u041f\u0430\u0442\u0447\u0438 \u0432\u043c\u0435\u0441\u0442\u043e \u043f\u0440\u0430\u0432\u043e\u043a \u0432\u00a0Xcode<\/h4>\n<p>\u0415\u0441\u043b\u0438 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u043f\u0435\u0440\u0435\u0441\u043e\u0437\u0434\u0430\u044e\u0442\u0441\u044f, \u0440\u0443\u0447\u043d\u044b\u0435 \u043f\u0440\u0430\u0432\u043a\u0438 \u0432\u00a0Xcode \u0438 Android Studio \u0442\u0435\u0440\u044f\u044e\u0442\u0441\u044f. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u0441\u0435 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043c\u044b \u0432\u043d\u043e\u0441\u0438\u043c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u043c: \u043e\u043d \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0438\u00a0\u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0431\u043e\u0440\u043a\u0435, \u0430\u00a0\u043f\u043e\u0432\u0442\u043e\u0440\u043d\u044b\u0439 \u0437\u0430\u043f\u0443\u0441\u043a \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435\u00a0\u043b\u043e\u043c\u0430\u0435\u0442. \u0427\u0442\u043e\u00a0\u0434\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0441\u043a\u0440\u0438\u043f\u0442 \u0438 \u0447\u0442\u043e\u00a0\u0431\u0443\u0434\u0435\u0442 \u0431\u0435\u0437\u00a0\u044d\u0442\u043e\u0433\u043e:<\/p>\n<ul>\n<li>\n<p><code><strong>NSFaceIDUsageDescription<\/strong><\/code><strong> \u0432 <\/strong><code><strong>Info.plist<\/strong><\/code><strong>.<\/strong> \u0411\u0435\u0437\u00a0\u043d\u0435\u0433\u043e \u0432\u0445\u043e\u0434 \u043f\u043e\u00a0Face ID \u043f\u0430\u0434\u0430\u0435\u0442 \u043f\u0440\u0438\u00a0\u043f\u0435\u0440\u0432\u043e\u043c\u00a0\u0436\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u0435.<\/p>\n<\/li>\n<li>\n<p><code><strong>UIApplicationSceneManifest<\/strong><\/code><strong> \u0438 <\/strong><code><strong>SceneDelegate<\/strong><\/code><strong>.<\/strong> \u0411\u0435\u0437\u00a0\u043d\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u043e\u0435 \u0432\u00a0Xcode 27, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430.<\/p>\n<\/li>\n<li>\n<p><code><strong>ITSAppUsesNonExemptEncryption = false<\/strong><\/code><strong>.<\/strong> \u0411\u0435\u0437\u00a0\u044d\u0442\u043e\u0433\u043e App Store Connect \u0434\u043b\u044f\u00a0\u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0431\u043e\u0440\u043a\u0438 \u0437\u0430\u0434\u0430\u0451\u0442 \u0432\u043e\u043f\u0440\u043e\u0441 \u043e\u00a0\u0448\u0438\u0444\u0440\u043e\u0432\u0430\u043d\u0438\u0438, \u0438, \u043f\u043e\u043a\u0430 \u043e\u0442\u0432\u0435\u0442\u0430 \u043d\u0435\u0442, \u0441\u0431\u043e\u0440\u043a\u0430 \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0449\u0438\u043a\u0430\u043c.<\/p>\n<\/li>\n<\/ul>\n<p>\u0423\u00a0\u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u0435\u0441\u0442\u044c \u0441\u043b\u0430\u0431\u043e\u0435 \u043c\u0435\u0441\u0442\u043e: \u0435\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u0432\u0435\u0437\u0434\u0435, \u0433\u0434\u0435 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0432\u043a\u043b\u044e\u0447\u0430\u044f CI. \u0418\u043d\u0430\u0447\u0435 \u0441\u0431\u043e\u0440\u043a\u0430 \u0443\u0439\u0434\u0451\u0442 \u0431\u0435\u0437\u00a0\u043d\u0443\u0436\u043d\u044b\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0431\u0435\u0437\u00a0\u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043d\u0430\u00a0Face ID.<\/p>\n<h4>\u041f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b \u043d\u0435\u00a0\u0441\u043e\u0432\u043f\u0430\u0434\u0430\u0435\u0442 \u0441\u00a0\u0432\u0435\u0431\u043e\u043c<\/h4>\n<ul>\n<li>\n<p><strong>\u041a\u043d\u043e\u043f\u043a\u0430 \u00ab\u041d\u0430\u0437\u0430\u0434\u00bb \u043d\u0430\u00a0Android.<\/strong> \u041f\u043e\u00a0\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043e\u043d\u0430 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u043b\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0430\u00a0\u043d\u0435\u00a0\u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u043b\u0430 \u043d\u0430\u00a0\u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0439 \u044d\u043a\u0440\u0430\u043d. \u041f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u0441\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a, \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0439 \u0441\u00a0vue\u2011router. \u041c\u044b \u043f\u043e\u043a\u0430 \u043d\u0435\u00a0\u043f\u0440\u043e\u0432\u0435\u0440\u044f\u043b\u0438, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u00a0\u043b\u0438 \u043e\u043d \u043e\u0442\u043a\u0440\u044b\u0442\u0443\u044e \u0448\u0442\u043e\u0440\u043a\u0443, \u0430\u00a0\u043d\u0435\u00a0\u0443\u0432\u043e\u0434\u0438\u0442 \u0441\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n<\/li>\n<li>\n<p><strong>\u0412\u0438\u0434\u0435\u043e \u043f\u043e\u0441\u043b\u0435 \u0441\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u044f.<\/strong> iOS \u0441\u0442\u0430\u0432\u0438\u0442 \u0435\u0433\u043e \u043d\u0430\u00a0\u043f\u0430\u0443\u0437\u0443, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u043b\u0430\u0439\u0434\u0435\u0440 \u0442\u0435\u043f\u0435\u0440\u044c \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0435\u0442 \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0447\u0435\u0440\u0435\u0437 <code>useDocumentVisibility<\/code>.<\/p>\n<\/li>\n<\/ul>\n<h4>\u0420\u0430\u0437\u0434\u0430\u0447\u0430 iOS\u2011\u0441\u0431\u043e\u0440\u043e\u043a<\/h4>\n<p>\u0410\u043d\u0430\u043b\u043e\u0433\u0430 APK \u043d\u0430\u00a0iOS \u043d\u0435\u0442, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0444\u0430\u0439\u043b \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0449\u0438\u043a\u0443 \u043d\u0435\u043b\u044c\u0437\u044f. \u0421\u00a0\u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u043c Apple ID \u0441\u0431\u043e\u0440\u043a\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441\u0435\u043c\u044c \u0434\u043d\u0435\u0439 \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u00a0\u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430, \u0430\u00a0\u0434\u043b\u044f\u00a0TestFlight \u043d\u0443\u0436\u043d\u043e \u0443\u0447\u0430\u0441\u0442\u0438\u0435 \u0432\u00a0Apple Developer Program \u0437\u0430 $99\u00a0\u0432\u00a0\u0433\u043e\u0434. \u0421\u043e\u0431\u0440\u0430\u0442\u044c iOS\u2011\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u00a0macOS, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0440\u0430\u0437\u0434\u0430\u0447\u0443 \u0443\u0434\u043e\u0431\u043d\u043e \u0432\u044b\u043d\u0435\u0441\u0442\u0438 \u0432\u00a0\u043e\u0431\u043b\u0430\u0447\u043d\u044b\u0439 CI \u0441\u00a0Mac, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 Codemagic: \u043e\u043d \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0441\u0431\u043e\u0440\u043a\u0443 \u0438 \u0441\u0430\u043c \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442 \u0435\u0451 \u0432\u00a0TestFlight.<\/p>\n<h4>\u0421\u043a\u0440\u0438\u043f\u0442\u044b \u043e\u0431\u0432\u044f\u0437\u043a\u0438 \u0442\u043e\u0436\u0435 \u043d\u0430\u0434\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c<\/h4>\n<p>\u041f\u043e\u043c\u0438\u043c\u043e \u0441\u0430\u043c\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u043d\u0430\u0431\u043e\u0440 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u0434\u043b\u044f\u00a0\u0443\u0434\u043e\u0431\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u00a0\u043d\u0438\u043c. \u042d\u0442\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u044b:<\/p>\n<ul>\n<li>\n<p>\u0437\u0430\u043f\u0443\u0441\u043a\u0430\u044e\u0442 dev\u2011\u0441\u0435\u0440\u0432\u0435\u0440 \u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u00a0\u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0435 \u0438\u043b\u0438\u00a0\u0441\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0435 \u0441\u00a0live\u2011reload: \u043d\u0430\u0445\u043e\u0434\u044f\u0442 \u0443\u0436\u0435 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043d\u043e\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e \u0438\u043b\u0438\u00a0\u043f\u043e\u0434\u043d\u0438\u043c\u0430\u044e\u0442 \u043d\u043e\u0432\u043e\u0435 \u0438 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u044e\u0442 <code>adb reverse<\/code>;<\/p>\n<\/li>\n<li>\n<p>\u043f\u0440\u043e\u0432\u0435\u0440\u044f\u044e\u0442 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442, \u0447\u0435\u0433\u043e \u043d\u0435\u00a0\u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u043d\u0430\u00a0\u043c\u0430\u0448\u0438\u043d\u0435;<\/p>\n<\/li>\n<li>\n<p>\u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0434\u043b\u044f\u00a0Android \u0438 iOS;<\/p>\n<\/li>\n<li>\n<p>\u0432\u043d\u043e\u0441\u044f\u0442 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u00a0\u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b;<\/p>\n<\/li>\n<li>\n<p>\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u044e\u0442 \u0438\u043a\u043e\u043d\u043a\u0438 \u0438 \u0437\u0430\u0441\u0442\u0430\u0432\u043a\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438\u0437\u00a0\u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439;<\/p>\n<\/li>\n<li>\n<p>\u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0442 iOS\u2011\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u044e\u0442 \u0435\u0433\u043e \u0432\u00a0TestFlight.<\/p>\n<\/li>\n<\/ul>\n<h3>\u041c\u0438\u043d\u0443\u0441\u044b<\/h3>\n<h4>\u0414\u043b\u044f\u00a0iOS \u043d\u0443\u0436\u043d\u044b Mac \u0438 iPhone<\/h4>\n<p>\u0421\u043e\u0431\u0440\u0430\u0442\u044c iOS\u2011\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u00a0Xcode, \u0430\u00a0Xcode \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u00a0macOS. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0445\u043e\u0442\u044f\u00a0\u0431\u044b \u0443\u00a0\u043e\u0434\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0432\u00a0\u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c Mac \u0438 iPhone: \u0441\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440 \u043d\u0435\u00a0\u0437\u0430\u043c\u0435\u043d\u044f\u0435\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u043d\u0430\u00a0\u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435. \u041f\u043e\u0434\u043e\u0439\u0434\u0451\u0442 \u043d\u0435\u00a0\u043b\u044e\u0431\u043e\u0439 Mac:<\/p>\n<ul>\n<li>\n<p><strong>Capacitor 8<\/strong> \u0442\u0440\u0435\u0431\u0443\u0435\u0442 Xcode 26\u00a0\u0438\u043b\u0438\u00a0\u043d\u043e\u0432\u0435\u0435 (<a href=\"https:\/\/capacitorjs.com\/docs\/getting-started\/environment-setup\" rel=\"noopener nofollow\">\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f Capacitor<\/a>).<\/p>\n<\/li>\n<li>\n<p><strong>Xcode 26\u201326.3<\/strong> \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u043d\u0430\u00a0macOS Sequoia 15.6\u00a0\u0438 \u043d\u043e\u0432\u0435\u0435.<\/p>\n<\/li>\n<li>\n<p><strong>Xcode 26.4\u00a0\u0438 \u043d\u043e\u0432\u0435\u0435<\/strong> \u0442\u0440\u0435\u0431\u0443\u0435\u0442 macOS Tahoe 26.2, \u0430 <strong>Xcode 27<\/strong>\u00a0\u2014 Tahoe 26.6\u00a0(<a href=\"https:\/\/developer.apple.com\/xcode\/system-requirements\" rel=\"noopener nofollow\">\u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f Xcode<\/a>).<\/p>\n<\/li>\n<li>\n<p><strong>macOS Tahoe<\/strong> \u0441\u0442\u0430\u0432\u0438\u0442\u0441\u044f \u043d\u0430\u00a0\u043b\u044e\u0431\u043e\u0439 Mac \u0441\u00a0Apple silicon, \u0430\u00a0\u0438\u0437\u00a0\u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043e\u0432 \u043d\u0430\u00a0Intel\u00a0\u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u00a0\u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u043e\u0434\u0435\u043b\u0435\u0439 2019\u20132020\u00a0\u0433\u043e\u0434\u043e\u0432. \u041d\u0430\u00a0\u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 Intel\u2011Mac \u043f\u043e\u0442\u043e\u043b\u043e\u043a\u00a0\u2014 Xcode 26.3.<\/p>\n<\/li>\n<\/ul>\n<p>\u041e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u0437\u0430\u0434\u0430\u0451\u0442 Apple, \u0430\u00a0\u043d\u0435\u00a0Capacitor: \u0441 28\u00a0\u0430\u043f\u0440\u0435\u043b\u044f 2026\u00a0\u0433\u043e\u0434\u0430 App Store Connect \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e <a href=\"https:\/\/developer.apple.com\/news\/upcoming-requirements\/\" rel=\"noopener nofollow\">\u0441\u0431\u043e\u0440\u043a\u0438 \u0438\u0437\u00a0Xcode 26\u00a0\u0438 \u043d\u043e\u0432\u0435\u0435<\/a>, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 Flutter \u0438 React Native \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0441\u00a0\u0442\u0435\u043c\u0438\u00a0\u0436\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f\u043c\u0438. \u041d\u0430\u00a0\u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0434\u043b\u044f\u00a0iOS\u2011\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441\u0442\u043e\u0438\u0442 \u0431\u0440\u0430\u0442\u044c Mac \u043d\u0430\u00a0Apple silicon.<\/p>\n<h4>\u041a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0430 \u043e\u0431\u043e\u0448\u043b\u0430\u0441\u044c \u0434\u043e\u0440\u043e\u0436\u0435 \u0432\u0441\u0435\u0433\u043e<\/h4>\n<p>\u041f\u043e\u00a0\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043e\u0442\u043a\u0440\u044b\u0442\u0430\u044f \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0430 \u0443\u043c\u0435\u043d\u044c\u0448\u0430\u0435\u0442 \u0432\u044b\u0441\u043e\u0442\u0443 WebView, \u0438 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441\u00a0\u043d\u0438\u043c \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0444\u043e\u043d, \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442 \u0438 \u0448\u0430\u043f\u043a\u0430. \u041d\u0430\u00a0iOS \u043c\u044b \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u043b\u0438 \u044d\u0442\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 (<code>Keyboard.resize: None<\/code> \u0432 <code>capacitor.config.ts<\/code>), \u043d\u043e\u00a0\u0442\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u0435 \u0432\u00a0\u0444\u043e\u043a\u0443\u0441\u0435 \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u043b\u043e \u0441\u0430\u043c\u043e \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u043d\u0430\u0434 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043e\u0439. \u041f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u043f\u043e\u0434\u044a\u0451\u043c\u0430 \u043f\u043e\u043b\u0435\u0439. \u041e\u043d:<\/p>\n<ul>\n<li>\n<p>\u043d\u0430\u0445\u043e\u0434\u0438\u0442 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440, \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u043b\u0435;<\/p>\n<\/li>\n<li>\n<p>\u043f\u043b\u0430\u0432\u043d\u043e \u0441\u0434\u0432\u0438\u0433\u0430\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0441\u00a0\u0443\u0447\u0451\u0442\u043e\u043c \u043f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441\u0430;<\/p>\n<\/li>\n<li>\n<p>\u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u043e\u0442\u0441\u0442\u0443\u043f, \u0435\u0441\u043b\u0438 \u043c\u0435\u0441\u0442\u0430 \u043d\u0435\u00a0\u0445\u0432\u0430\u0442\u0430\u0435\u0442;<\/p>\n<\/li>\n<li>\n<p>\u0432\u044b\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 CSS\u2011\u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e \u0441\u00a0\u0432\u044b\u0441\u043e\u0442\u043e\u0439 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b, \u043f\u043e\u00a0\u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f \u0448\u0442\u043e\u0440\u043a\u0438 \u0438 \u044d\u043a\u0440\u0430\u043d \u0432\u0445\u043e\u0434\u0430.<\/p>\n<\/li>\n<\/ul>\n<p>\u041f\u043e\u0447\u0442\u0438 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u0430\u0441\u044c \u043f\u043e\u043f\u0440\u0430\u0432\u043a\u0430: \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u043e\u0434\u044a\u0451\u043c\u0430 \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u043e\u0432\u0430\u043b\u0430 \u0441\u00a0\u043a\u0430\u0441\u0430\u043d\u0438\u044f\u043c\u0438, \u0438 \u0442\u0435\u043f\u0435\u0440\u044c \u043e\u043d\u0430 \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u043a\u0430\u043a\u00a0\u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0434\u043e\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0434\u043e\u00a0\u044d\u043a\u0440\u0430\u043d\u0430. \u0412\u00a0\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u044d\u0442\u0443 \u0440\u0430\u0431\u043e\u0442\u0443 \u0434\u0435\u043b\u0430\u0435\u0442 \u0441\u0438\u0441\u0442\u0435\u043c\u0430. \u0412\u00a0Capacitor \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430: \u043b\u0438\u0431\u043e WebView \u0441\u0436\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0438 \u0444\u043e\u043d \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u0435 \u0441\u00a0\u043d\u0438\u043c, \u043b\u0438\u0431\u043e \u043f\u043e\u0434\u044a\u0451\u043c \u043f\u043e\u043b\u0435\u0439 \u043d\u0443\u0436\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0430\u043c\u0438\u043c.<\/p>\n<h4>\u0412\u00a0Capacitor \u043f\u043e\u043a\u0430 \u043d\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 Xcode 27<\/h4>\n<p>\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0441\u043e\u0431\u0440\u0430\u043d\u043d\u043e\u0435 \u0432\u00a0Xcode 27, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430: \u0432\u00a0\u0448\u0430\u0431\u043b\u043e\u043d\u0435 Capacitor 8.4\u00a0\u043d\u0435\u0442 \u0441\u0446\u0435\u043d\u043e\u0432\u043e\u0433\u043e \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430, \u0430\u00a0\u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u0435\u043b\u0438\u0437\u0430 \u0441\u00a0\u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u043f\u043e\u043a\u0430 \u043d\u0435\u0442. \u041a\u043b\u044e\u0447 <code>UIApplicationSceneManifest<\/code> \u0432 <code>Info.plist<\/code> \u0438 \u043a\u043b\u0430\u0441\u0441 <code>SceneDelegate<\/code> \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u00a0\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u0441\u0430\u043c\u0438\u043c.<\/p>\n<h4>\u041d\u0430\u00a0iPhone \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 WebView \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043e\u0442\u00a0\u0432\u0435\u0440\u0441\u0438\u0438 iOS<\/h4>\n<p>\u0414\u0432\u0438\u0436\u043e\u043a WebView \u043d\u0430\u00a0iPhone \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u043c\u0435\u0441\u0442\u0435 \u0441\u00a0\u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u043e\u0432\u044b\u0435 \u0432\u0435\u0431\u2011API \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 \u043b\u0438\u0448\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0441\u0432\u0435\u0436\u0438\u0445 \u0432\u0435\u0440\u0441\u0438\u0439 iOS. View Transitions, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441\u00a0iOS 18, \u0438 \u043d\u0430\u00a0\u0431\u043e\u043b\u0435\u0435 \u0441\u0442\u0430\u0440\u044b\u0445 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f \u0431\u0435\u0437\u00a0\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438.<\/p>\n<h3>\u0418\u0442\u043e\u0433: \u043a\u043e\u0433\u0434\u0430 Capacitor \u0441\u0442\u043e\u0438\u0442 \u0431\u0440\u0430\u0442\u044c<\/h3>\n<p>Capacitor \u0441\u0435\u0431\u044f \u043e\u043f\u0440\u0430\u0432\u0434\u0430\u043b: \u0432\u0435\u0431\u2011\u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0431\u0435\u0437\u00a0\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0441\u043e\u0431\u0440\u0430\u043b\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f\u00a0\u0434\u0432\u0443\u0445 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c \u0438\u0437\u00a0\u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u0434\u043e\u0432\u043e\u0439 \u0431\u0430\u0437\u044b, \u0438 \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0440\u0435\u0448\u0430\u043b\u0438\u0441\u044c \u0432\u0435\u0431\u2011\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u0438\u043b\u0438\u00a0\u043a\u043e\u0440\u043e\u0442\u043a\u0438\u043c\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u0430\u043c\u0438. \u041f\u0440\u0438\u043d\u0446\u0438\u043f \u00ab\u043d\u0430\u043f\u0438\u0441\u0430\u043b \u043e\u0434\u0438\u043d \u0440\u0430\u0437\u00a0\u2014 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u0435\u0437\u0434\u0435\u00bb \u0432\u00a0\u0446\u0435\u043b\u043e\u043c \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u043b, \u043d\u043e\u00a0\u0431\u0435\u0437\u00a0\u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043e\u043a \u043d\u0435\u00a0\u043e\u0431\u043e\u0448\u043b\u043e\u0441\u044c: \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u043a\u0430\u0436\u0434\u044b\u0439 \u0447\u0435\u0442\u0432\u0451\u0440\u0442\u044b\u0439 \u0431\u0430\u0433 \u043d\u0430\u00a0\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u043a\u0430\u0441\u0430\u043b\u0441\u044f \u044d\u043a\u0440\u0430\u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430, \u0430\u00a0\u0441\u0431\u043e\u0440\u043a\u0430 \u0434\u0435\u0440\u0436\u0438\u0442\u0441\u044f \u043d\u0430\u00a0\u043d\u0430\u0431\u043e\u0440\u0435 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u043c mise.<\/p>\n<p><strong>\u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442<\/strong>, \u0435\u0441\u043b\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437\u00a0\u0444\u043e\u0440\u043c, \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a, \u0441\u043f\u0438\u0441\u043a\u043e\u0432 \u0438 \u043a\u0430\u0440\u0442, \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0441\u0438\u043b\u044c\u043d\u0430 \u0432\u00a0\u0432\u0435\u0431\u0435, \u0430\u00a0\u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u043d\u0443\u0436\u043d\u044b \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u0438 \u043d\u0430\u00a0\u043d\u0438\u0445 \u0435\u0441\u0442\u044c \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b.<\/p>\n<p><strong>\u0421\u0442\u043e\u0438\u0442 \u0437\u0430\u043b\u043e\u0436\u0438\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0438<\/strong>, \u0435\u0441\u043b\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442 \u0434\u0435\u0440\u0436\u0438\u0442\u0441\u044f \u043d\u0430\u00a0\u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u0436\u0435\u0441\u0442\u0430\u0445, \u0448\u0442\u043e\u0440\u043a\u0430\u0445 \u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u043e\u0449\u0443\u0449\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a\u00a0\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435: \u0438\u0445 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0434\u043e\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0434\u043e\u043b\u044c\u0448\u0435 \u0432\u0441\u0435\u0433\u043e. \u0422\u043e\u00a0\u0436\u0435 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043a\u00a0\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c \u043f\u043e\u0432\u0435\u0440\u0445 \u0432\u0435\u0431\u0430. \u0410\u00a0\u0434\u043b\u044f\u00a0iOS\u2011\u0432\u0435\u0440\u0441\u0438\u0438 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u044f\u0442\u0441\u044f Mac \u0438 \u0430\u043a\u043a\u0430\u0443\u043d\u0442 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 Apple.<\/p>\n<h4>\u0427\u0442\u043e\u00a0\u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u00a0\u043d\u043e\u0432\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0441\u00a0\u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0434\u043d\u044f<\/h4>\n<ol>\n<li>\n<p>\u0417\u0430\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u0432\u0435\u0440\u0441\u0438\u0438 Node, JDK \u0438 Android SDK \u0432 <code>mise.toml<\/code> \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u0435\u00a0\u0436\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u0432\u00a0CI.<\/p>\n<\/li>\n<li>\n<p>\u0423\u0447\u0435\u0441\u0442\u044c \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0435 \u0437\u043e\u043d\u044b \u0435\u0449\u0451 \u0434\u043e\u00a0\u043d\u0430\u0447\u0430\u043b\u0430 \u0432\u0451\u0440\u0441\u0442\u043a\u0438: <code>viewport-fit=cover<\/code>, <code>env(safe-area-inset-*)<\/code> \u0432\u00a0\u0448\u0430\u043f\u043a\u0435 \u0438 \u043d\u0438\u0436\u043d\u0438\u0445 \u043f\u0430\u043d\u0435\u043b\u044f\u0445, \u0437\u0430\u043f\u0440\u0435\u0442 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\n<\/li>\n<li>\n<p>\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044e \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u00a0\u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043e\u0439 \u0434\u043e\u00a0\u043f\u0435\u0440\u0432\u043e\u0439 \u0444\u043e\u0440\u043c\u044b: \u0440\u0435\u0436\u0438\u043c resize, \u043f\u0430\u043d\u0435\u043b\u044c \u043d\u0430\u0434 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043e\u0439, <code>enterkeyhint<\/code>.<\/p>\n<\/li>\n<li>\n<p>\u0425\u0440\u0430\u043d\u0438\u0442\u044c \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u00a0\u0441\u043a\u0440\u0438\u043f\u0442\u0435 \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u0435\u0433\u043e \u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e, \u0438 \u0432\u00a0CI.<\/p>\n<\/li>\n<li>\n<p>\u0421\u0440\u0430\u0437\u0443 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u041d\u0430\u0437\u0430\u0434\u00bb \u043d\u0430\u00a0Android \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438\u0437\u00a0\u0444\u043e\u043d\u0430.<\/p>\n<\/li>\n<li>\n<p>\u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u0432\u0451\u0440\u0441\u0442\u043a\u0443 \u043d\u0430\u00a0\u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c iPhone \u0438 \u043d\u0430\u00a0\u0434\u0432\u0443\u0445 \u0443\u0440\u043e\u0432\u043d\u044f\u0445 Android API, \u0430\u00a0\u043d\u0435\u00a0\u0442\u043e\u043b\u044c\u043a\u043e \u0432\u00a0DevTools.<\/p>\n<\/li>\n<li>\n<p>\u041e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0432\u00a0\u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0434\u0440\u0430\u0439\u0432\u0435\u0440 \u0441\u00a0\u0442\u0435\u0441\u0442\u0430\u043c\u0438, \u043a\u0430\u043a\u00a0\u043c\u044b \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u0441\u00a0\u0437\u0430\u0449\u0438\u0449\u0451\u043d\u043d\u044b\u043c \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435\u043c.<\/p>\n<\/li>\n<\/ol>\n<p>\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u043e\u043a\u0430 \u043d\u0430\u00a0\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438, \u0432\u00a0App Store \u0438 Google Play \u043e\u043d\u043e \u0435\u0449\u0451 \u043d\u0435\u00a0\u0432\u044b\u0448\u043b\u043e. \u041f\u043e\u0441\u043b\u0435 \u0440\u0435\u043b\u0438\u0437\u0430 \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0435\u043c, \u043a\u0430\u043a\u00a0\u043e\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u043e \u0441\u0435\u0431\u044f \u0443\u00a0\u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439.<\/p>\n<h3>\u041f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b<\/h3>\n<p><strong>Capacitor<\/strong><\/p>\n<ul>\n<li>\n<p><a href=\"https:\/\/capacitorjs.com\/docs\" rel=\"noopener nofollow\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f Capacitor<\/a>\u00a0\u2014 \u0441\u00a0\u0447\u0435\u0433\u043e \u043d\u0430\u0447\u0430\u0442\u044c.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/capacitorjs.com\/docs\/getting-started\/environment-setup\" rel=\"noopener nofollow\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f<\/a>\u00a0\u2014 \u0447\u0442\u043e\u00a0\u043f\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0434\u043b\u044f\u00a0\u0441\u0431\u043e\u0440\u043a\u0438 \u043f\u043e\u0434\u00a0iOS \u0438 Android.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/capacitorjs.com\/docs\/apis\" rel=\"noopener nofollow\">\u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b<\/a> \u0438 <a href=\"https:\/\/capacitorjs.com\/docs\/plugins\/community\" rel=\"noopener nofollow\">\u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430<\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/github.com\/capacitor-community\" rel=\"noopener nofollow\">Capacitor Community<\/a> \u0438 <a href=\"https:\/\/capawesome.io\/plugins\/\" rel=\"noopener nofollow\">Capawesome<\/a>\u00a0\u2014 \u0435\u0449\u0451 \u0434\u0432\u0430 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u043d\u0430\u0431\u043e\u0440\u0430 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/capacitorjs.com\/docs\/guides\/live-reload\" rel=\"noopener nofollow\">Live reload \u043d\u0430\u00a0\u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435<\/a>\u00a0\u2014 \u043a\u0430\u043a\u00a0\u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u00a0dev\u2011\u0441\u0435\u0440\u0432\u0435\u0440\u0443.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/capacitorjs.com\/docs\/plugins\/creating-plugins\" rel=\"noopener nofollow\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u0432\u043e\u0435\u0433\u043e \u043f\u043b\u0430\u0433\u0438\u043d\u0430<\/a>\u00a0\u2014 \u0435\u0441\u043b\u0438 \u0433\u043e\u0442\u043e\u0432\u043e\u0433\u043e \u043d\u0435\u0442.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/capacitorjs.com\/docs\/guides\/splash-screens-and-icons\" rel=\"noopener nofollow\">\u0418\u043a\u043e\u043d\u043a\u0438 \u0438 \u0437\u0430\u0441\u0442\u0430\u0432\u043a\u0430<\/a>\u00a0\u2014 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u0438\u0437\u00a0\u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439.<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u041e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435<\/strong><\/p>\n<ul>\n<li>\n<p><a href=\"https:\/\/mise.jdx.dev\/\" rel=\"noopener nofollow\">mise<\/a>: <a href=\"https:\/\/mise.jdx.dev\/configuration.html\" rel=\"noopener nofollow\">\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f<\/a> \u0438 <a href=\"https:\/\/mise.jdx.dev\/tasks\/\" rel=\"noopener nofollow\">\u0437\u0430\u0434\u0430\u0447\u0438<\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/github.com\/XcodesOrg\/xcodes\" rel=\"noopener nofollow\">xcodes<\/a>\u00a0\u2014 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0432\u0435\u0440\u0441\u0438\u0439 Xcode \u0438\u0437\u00a0\u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b\u0430.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/developer.apple.com\/xcode\/system-requirements\" rel=\"noopener nofollow\">\u0421\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f Xcode<\/a>\u00a0\u2014 \u043a\u0430\u043a\u0430\u044f macOS \u043d\u0443\u0436\u043d\u0430 \u0434\u043b\u044f\u00a0\u043a\u0430\u0436\u0434\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/developer.apple.com\/news\/upcoming-requirements\/\" rel=\"noopener nofollow\">\u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f App Store \u043a\u00a0SDK<\/a>\u00a0\u2014 \u0441\u00a0\u043a\u0430\u043a\u0438\u043c Xcode \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442 \u0441\u0431\u043e\u0440\u043a\u0438.<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u0412\u0451\u0440\u0441\u0442\u043a\u0430 \u0438 \u043e\u0442\u043b\u0430\u0434\u043a\u0430 \u043d\u0430\u00a0\u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435<\/strong><\/p>\n<ul>\n<li>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/env\" rel=\"noopener nofollow\">env() \u043d\u0430\u00a0MDN<\/a>\u00a0\u2014 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0435 \u0437\u043e\u043d\u044b \u0447\u0435\u0440\u0435\u0437 <code>env(safe-area-inset-*)<\/code>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference\/Elements\/meta\/name\/viewport\" rel=\"noopener nofollow\">\u041c\u0435\u0442\u0430\u0442\u0435\u0433 viewport \u043d\u0430\u00a0MDN<\/a>\u00a0\u2014 <code>viewport-fit=cover<\/code> \u0438 \u0437\u0430\u043f\u0440\u0435\u0442 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/caniuse.com\/view-transitions\" rel=\"noopener nofollow\">View Transitions \u043d\u0430\u00a0Can I use<\/a>\u00a0\u2014 \u0441\u00a0\u043a\u0430\u043a\u0438\u0445 \u0432\u0435\u0440\u0441\u0438\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/remote-debugging\/webviews\" rel=\"noopener nofollow\">\u041e\u0442\u043b\u0430\u0434\u043a\u0430 WebView \u0432\u00a0Chrome<\/a>\u00a0\u2014 <code>chrome:\/\/inspect<\/code> \u0434\u043b\u044f\u00a0Android.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/developer.apple.com\/documentation\/safari-developer-tools\/inspecting-ios\" rel=\"noopener nofollow\">Web Inspector \u0432\u00a0Safari<\/a>\u00a0\u2014 \u043e\u0442\u043b\u0430\u0434\u043a\u0430 \u043d\u0430\u00a0iPhone \u0438 \u0432\u00a0\u0441\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0435.<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u0421\u0431\u043e\u0440\u043a\u0430 \u0438 \u0440\u0430\u0437\u0434\u0430\u0447\u0430<\/strong><\/p>\n<ul>\n<li>\n<p><a href=\"https:\/\/developer.apple.com\/testflight\/\" rel=\"noopener nofollow\">TestFlight<\/a>\u00a0\u2014 \u0440\u0430\u0437\u0434\u0430\u0447\u0430 iOS\u2011\u0441\u0431\u043e\u0440\u043e\u043a \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0449\u0438\u043a\u0430\u043c.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/docs.codemagic.io\/yaml-quick-start\/building-an-ionic-app\/\" rel=\"noopener nofollow\">Codemagic \u0434\u043b\u044f\u00a0Capacitor<\/a>\u00a0\u2014 \u043e\u0431\u043b\u0430\u0447\u043d\u0430\u044f \u0441\u0431\u043e\u0440\u043a\u0430 \u043d\u0430\u00a0Mac \u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0432\u00a0TestFlight.<\/p>\n<\/li>\n<\/ul>\n<\/div>\n<p>\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/1094782\/\">https:\/\/habr.com\/ru\/articles\/1094782\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041d\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0438 \u0437\u0430\u0434\u0430\u0447\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f\u00a0iOS \u0438 Android. \u041d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043d\u0430\u00a0Swift \u0438 Kotlin \u0432\u00a0\u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043d\u0435\u0442, \u0437\u0430\u0442\u043e \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u0445\u043e\u0440\u043e\u0448\u043e \u0437\u043d\u0430\u0435\u0442 Vue. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u043a\u0430\u043a\u00a0\u043b\u0438\u0434 \u0432\u044b\u0431\u0440\u0430\u043b Vue \u0438 Capacitor\u00a0\u2014 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u043f\u0430\u043a\u043e\u0432\u044b\u0432\u0430\u0435\u0442 \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u0432\u0435\u0431\u2011\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u00a0\u043d\u0430\u0442\u0438\u0432\u043d\u0443\u044e \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0443 \u0438 \u0434\u0430\u0451\u0442 \u0434\u043e\u0441\u0442\u0443\u043f \u043a\u00a0\u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u0447\u0435\u0440\u0435\u0437 JavaScript\u2011\u043f\u043b\u0430\u0433\u0438\u043d\u044b.\u0427\u0435\u0440\u0435\u0437 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u044b \u0437\u0430\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u043e\u0445\u0440\u0430\u043d\u0443 \u0438 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442 \u0441\u00a0\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u043c. \u0412\u00a0\u043d\u0451\u043c \u0435\u0441\u0442\u044c:\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0442\u043e\u0440 \u0438 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043a\u0430\u0437\u0430;\u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044f \u043d\u0430\u00a0\u043a\u0430\u0440\u0442\u0435;\u0432\u0445\u043e\u0434 \u043f\u043e\u00a0PIN\u2011\u043a\u043e\u0434\u0443 \u0438\u043b\u0438\u00a0Face ID.\u0421\u0442\u0435\u043a: Vue 3, TypeScript, Vite \u0438 Capacitor 8.\u041f\u043e\u00a0\u0438\u0442\u043e\u0433\u0430\u043c \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u00a0\u0446\u0435\u043b\u043e\u043c \u0432\u0435\u0434\u0451\u0442 \u0441\u0435\u0431\u044f \u043a\u0430\u043a\u00a0\u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0435. \u0414\u043b\u044f\u00a0\u044d\u0442\u043e\u0433\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043e\u0441\u0432\u043e\u0438\u0442\u044c \u0442\u043e, \u0441\u00a0\u0447\u0435\u043c \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435\u0440 \u043e\u0431\u044b\u0447\u043d\u043e \u043d\u0435\u00a0\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442:\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0441\u0431\u043e\u0440\u043a\u0438 \u043d\u0430\u00a0\u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0430\u0445 \u0441\u00a0Windows, macOS \u0438 Linux;\u0432\u0451\u0440\u0441\u0442\u043a\u0443 \u043f\u043e\u0434\u00a0\u0432\u044b\u0440\u0435\u0437 \u044d\u043a\u0440\u0430\u043d\u0430 \u0438 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0443;\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432;\u0440\u0430\u0437\u0434\u0430\u0447\u0443 \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0445 \u0441\u0431\u043e\u0440\u043e\u043a \u0447\u0435\u0440\u0435\u0437 TestFlight.\u0427\u0442\u043e\u00a0\u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u043e\u0442\u00a0Capacitor\u041e\u0434\u0438\u043d \u0441\u0442\u0435\u043a \u043d\u0430\u00a0\u0432\u0441\u0451Vue 3, Vite, Tailwind, Vitest \u0438 Storybook \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0442\u0430\u043a\u00a0\u0436\u0435, \u043a\u0430\u043a\u00a0\u0432\u00a0\u0432\u0435\u0431\u0435. \u0427\u0442\u043e\u00a0\u044d\u0442\u043e \u0434\u0430\u0451\u0442 \u043d\u0430\u00a0\u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435:\u0412\u0451\u0440\u0441\u0442\u043a\u0443 \u0438 \u0440\u043e\u0443\u0442\u0438\u043d\u0433 \u043f\u043e\u0447\u0442\u0438 \u0446\u0435\u043b\u0438\u043a\u043e\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0432\u00a0Chrome DevTools \u0432\u00a0\u0440\u0435\u0436\u0438\u043c\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430.\u042d\u043c\u0443\u043b\u044f\u0442\u043e\u0440 \u043d\u0443\u0436\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f\u00a0\u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u00a0\u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442\u00a0\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b.\u0413\u043e\u0440\u044f\u0447\u0430\u044f \u0437\u0430\u043c\u0435\u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 (HMR) \u0432\u00a0Vite \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0438 \u043d\u0430\u00a0\u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435: \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0430\u0434\u0440\u0435\u0441 dev\u2011\u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0432 server.url.\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430\u00a0\u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435 \u043e\u0442\u043b\u0430\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043a\u0430\u043a\u00a0\u043e\u0431\u044b\u0447\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430: \u0447\u0435\u0440\u0435\u0437 Safari Web Inspector \u043d\u0430\u00a0iOS \u0438 chrome:\/\/inspect \u043d\u0430\u00a0Android.\u041d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043d\u0430\u00a0Swift \u0438\u043b\u0438\u00a0Kotlin \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043d\u0435\u00a0\u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u0441\u044f.\u041d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0447\u0435\u0440\u0435\u0437 \u043b\u0435\u0433\u043a\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b\u0414\u043b\u044f\u00a0\u0440\u0430\u0431\u043e\u0442\u044b \u0441\u00a0\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u0441\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u0430 \u0443\u00a0Capacitor \u0435\u0441\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043d\u0430\u0431\u043e\u0440 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432: \u043a\u0430\u043c\u0435\u0440\u0430, \u0433\u0435\u043e\u043b\u043e\u043a\u0430\u0446\u0438\u044f, \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f, \u0444\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430, \u0432\u0438\u0431\u0440\u0430\u0446\u0438\u044f \u0438 \u0434\u0440\u0443\u0433\u0438\u0435. \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 Capacitor, \u0438\u0445 \u0441\u043f\u0438\u0441\u043e\u043a \u0435\u0441\u0442\u044c \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438. \u041e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0431\u0438\u043e\u043c\u0435\u0442\u0440\u0438\u044e, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0438\u0437 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430.\u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043f\u044f\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432:@capacitor\/app\u00a0\u2014 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438;@capacitor\/device\u00a0\u2014 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043e\u0431\u00a0\u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u044f\u0437\u044b\u043a \u0441\u0438\u0441\u0442\u0435\u043c\u044b;@capacitor\/keyboard\u00a0\u2014 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0439 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043e\u0439;@aparajita\/capacitor-biometric-auth\u00a0\u2014 \u0432\u0445\u043e\u0434 \u043f\u043e\u00a0Face ID \u0438 \u043e\u0442\u043f\u0435\u0447\u0430\u0442\u043a\u0443 \u043f\u0430\u043b\u044c\u0446\u0430 \u0441\u00a0\u0438\u043c\u0438\u0442\u0430\u0446\u0438\u0435\u0439 \u0431\u0438\u043e\u043c\u0435\u0442\u0440\u0438\u0438 \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435;capacitor-secure-storage-plugin\u00a0\u2014 \u0437\u0430\u0449\u0438\u0449\u0451\u043d\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432\u00a0Keychain \u0438 Keystore.\u0420\u0430\u0437\u0431\u0435\u0440\u0451\u043c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043d\u0430\u00a0\u043f\u0440\u0438\u043c\u0435\u0440\u0435 @capacitor\/keyboard.\u0428\u0430\u0433 1. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u043f\u0430\u043a\u0435\u0442 \u0438 \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b:npm install @capacitor\/keyboardnpx cap sync\u0428\u0430\u0433 2. \u041d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d \u0432 capacitor.config.ts. \u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 resize: None \u043e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0441\u0436\u0430\u0442\u0438\u0435 WebView \u043f\u0440\u0438\u00a0\u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0438 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b:import type { CapacitorConfig } from &#171;@capacitor\/cli&#187;;import { KeyboardResize } from &#171;@capacitor\/keyboard&#187;;const config: CapacitorConfig = {  appId: &#171;com.example.app&#187;,  appName: &#171;Example&#187;,  webDir: &#171;dist&#187;,  plugins: {    Keyboard: {      resize: KeyboardResize.None,    },  },};export default config;\u0428\u0430\u0433 3. \u0412\u044b\u0437\u0432\u0430\u0442\u044c API \u0438\u0437\u00a0\u043a\u043e\u0434\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0417\u0434\u0435\u0441\u044c \u043f\u0430\u043d\u0435\u043b\u044c \u043d\u0430\u0434 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u043e\u0439 iOS \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f, \u0430\u00a0\u0432\u044b\u0441\u043e\u0442\u0430 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u0442\u0441\u044f \u0432\u00a0CSS\u2011\u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e:import { Capacitor } from &#171;@capacitor\/core&#187;;import { Keyboard } from &#171;@capacitor\/keyboard&#187;;if (Capacitor.getPlatform() === &#171;ios&#187;) {  await Keyboard.setAccessoryBarVisible({ isVisible: false });}await Keyboard.addListener(&#171;keyboardWillShow&#187;, ({ keyboardHeight }) =&gt; {  document.documentElement.style.setProperty(&#171;&#8212;keyboard-height&#187;, `${keyboardHeight}px`);});\u041d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e\u0434\u00a0\u043a\u0430\u0436\u0434\u0443\u044e \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0443\u0414\u043b\u044f\u00a0\u043a\u0430\u0436\u0434\u043e\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b Capacitor \u0441\u043e\u0437\u0434\u0430\u0451\u0442 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442: Xcode \u0434\u043b\u044f\u00a0iOS \u0438 Android Studio \u0434\u043b\u044f\u00a0Android. \u0412\u043d\u0443\u0442\u0440\u0438 \u043d\u0435\u0433\u043e \u0432\u00a0WebView \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u0435\u0431\u2011\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u0430\u00a0\u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u043e\u043d \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u043c\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b. \u0412\u00a0WebView \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0432\u0441\u0451, \u0447\u0442\u043e\u00a0\u0435\u0441\u0442\u044c \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438 \u0437\u043d\u0430\u043a\u043e\u043c\u044b\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0438 \u043a\u043e\u0434, \u043d\u0430\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u0432\u00a0\u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445.\u041f\u043e\u00a0\u0437\u0430\u0434\u0443\u043c\u043a\u0435 Capacitor \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0445\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u0432\u00a0\u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438 \u0438 \u043f\u0440\u0430\u0432\u044f\u0442\u0441\u044f \u0432\u0440\u0443\u0447\u043d\u0443\u044e. \u041c\u043e\u0436\u043d\u043e \u043f\u043e\u0439\u0442\u0438 \u0434\u0440\u0443\u0433\u0438\u043c \u043f\u0443\u0442\u0451\u043c \u0438 \u043f\u0435\u0440\u0435\u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0438\u0445 \u0438\u0437\u00a0\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u00a0\u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0431\u043e\u0440\u043a\u0435. \u041c\u044b \u0432\u044b\u0431\u0440\u0430\u043b\u0438 \u044d\u0442\u043e\u0442 \u0432\u0430\u0440\u0438\u0430\u043d\u0442:\u041f\u043b\u044e\u0441: \u043f\u0440\u043e\u0435\u043a\u0442 \u0432\u0441\u0435\u0433\u0434\u0430 \u0447\u0438\u0441\u0442\u044b\u0439, \u043a\u043e\u043d\u0444\u043b\u0438\u043a\u0442\u043e\u0432 \u043f\u0440\u0438\u00a0\u0441\u043b\u0438\u044f\u043d\u0438\u0438 \u043d\u0435\u0442.\u041c\u0438\u043d\u0443\u0441: \u0440\u0443\u0447\u043d\u044b\u0435 \u043f\u0440\u0430\u0432\u043a\u0438 \u0442\u0435\u0440\u044f\u044e\u0442\u0441\u044f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u043d\u043e\u0441\u0438\u0442\u044c \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u043c.\u0421\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c 1: \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u043e\u0441\u0432\u043e\u0438\u0442\u044c \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0442\u0443\u043b\u0447\u0435\u0439\u043d\u041f\u0438\u0441\u0430\u0442\u044c \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043e\u0434 \u043d\u0435\u00a0\u043d\u0443\u0436\u043d\u043e, \u043d\u043e\u00a0\u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0432\u0441\u0451 \u0440\u0430\u0432\u043d\u043e \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f, \u0430\u00a0\u0434\u043b\u044f\u00a0\u044d\u0442\u043e\u0433\u043e \u043d\u0443\u0436\u043d\u044b \u043d\u0435\u0437\u043d\u0430\u043a\u043e\u043c\u044b\u0435 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435\u0440\u0443 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b: JDK, Android SDK, \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u044b, Xcode. \u0412\u0441\u0435 \u0438\u0445 \u043d\u0430\u043c \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0438\u0437\u0443\u0447\u0438\u0442\u044c \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c, \u0430\u00a0\u0443\u00a0\u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0432\u043e\u0438 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u00a0\u0432\u0435\u0440\u0441\u0438\u044f\u043c. \u0427\u0430\u0441\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u0442\u0430\u0432\u0438\u0442 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0432\u0435\u0440\u0441\u0438\u0439, \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435\u00a0\u2014 \u0432\u0440\u0443\u0447\u043d\u0443\u044e:\u0421\u0442\u0430\u0432\u0438\u0442 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0432\u0435\u0440\u0441\u0438\u0439 mise:JDK (Temurin 21), \u043d\u0430\u00a0\u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 Gradle;Android SDK: Platform 36\u00a0\u0438 Build\u2011Tools 35.0.0;\u043e\u0431\u0440\u0430\u0437\u044b \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430 Android API 36\u00a0\u0438 API 34;Xcode 26+ \u0438 \u0440\u0430\u043d\u043d\u0435\u0440 iOS\u2011\u0441\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430, \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u00a0macOS.\u0421\u0442\u0430\u0432\u0438\u043c \u0432\u0440\u0443\u0447\u043d\u0443\u044e:Android Studio: \u0438\u0437\u00a0\u043d\u0435\u0451 \u043d\u0443\u0436\u043d\u044b Device Manager \u0438 Logcat;\u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0432\u00a0Device Manager;\u0430\u043f\u043f\u0430\u0440\u0430\u0442\u043d\u043e\u0435 \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430: \u0432\u00a0Windows\u00a0\u2014 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 Windows Hypervisor Platform, \u0432\u00a0Linux\u00a0\u2014 KVM (Kernel\u2011based Virtual Machine).\u0420\u0443\u0447\u043d\u0430\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0415\u0441\u043b\u0438 \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0432\u0441\u0451 \u0432\u0440\u0443\u0447\u043d\u0443\u044e, \u043b\u0435\u0433\u043a\u043e \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043e\u0434\u0438\u043d \u0438\u0437\u00a0\u0448\u0430\u0433\u043e\u0432, \u0438 \u0442\u043e\u0433\u0434\u0430 Gradle \u043d\u0435\u00a0\u043d\u0430\u0439\u0434\u0451\u0442 SDK \u0438\u043b\u0438\u00a0\u043d\u0435\u00a0\u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0441\u044f \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440. \u041a\u00a0\u0442\u043e\u043c\u0443\u00a0\u0436\u0435 \u043d\u0438\u043a\u0442\u043e \u043d\u0435\u00a0\u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442, \u0447\u0442\u043e\u00a0\u0443\u00a0\u0434\u0432\u0443\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043e\u043a\u0430\u0436\u0443\u0442\u0441\u044f \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438. \u0413\u0434\u0435 \u043b\u0435\u0433\u043a\u043e \u043e\u0448\u0438\u0431\u0438\u0442\u044c\u0441\u044f:JAVA_HOME \u0434\u043e\u043b\u0436\u0435\u043d \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043d\u0430\u00a0\u043a\u043e\u0440\u0435\u043d\u044c JDK, \u0431\u0435\u0437 \/bin \u0438 \u0431\u0435\u0437\u00a0\u0441\u043b\u044d\u0448\u0430 \u0432\u00a0\u043a\u043e\u043d\u0446\u0435.\u0412\u00a0SDK Manager \u043d\u0443\u0436\u043d\u043e \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u00abShow Package Details\u00bb, \u0438\u043d\u0430\u0447\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u043d\u0435\u00a0\u0442\u0435 \u0432\u0435\u0440\u0441\u0438\u0438. \u0424\u043b\u0430\u0436\u043e\u043a \u00abCommand\u2011line Tools\u00bb \u043f\u043e\u00a0\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0441\u043d\u044f\u0442, \u0430\u00a0\u0431\u0435\u0437\u00a0\u043d\u0435\u0433\u043e \u043d\u0435\u00a0\u0431\u0443\u0434\u0435\u0442 sdkmanager.Gradle JDK \u0432\u00a0\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 Android Studio \u0437\u0430\u0434\u0430\u0451\u0442\u0441\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e: \u0442\u0430\u043c \u0442\u043e\u0436\u0435 \u043d\u0443\u0436\u0435\u043d Temurin 21.\u041f\u0443\u0442\u044c \u0432 ANDROID_HOME \u0432\u00a0Windows, macOS \u0438 Linux \u0440\u0430\u0437\u043d\u044b\u0439. \u0412 PATH \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0442\u0440\u0438 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430, \u043f\u043e\u0441\u043b\u0435 \u0447\u0435\u0433\u043e \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b \u0438 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c VS Code.mise: \u0435\u0449\u0451 \u043e\u0434\u0438\u043d \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043e\u0441\u0432\u043e\u0438\u0442\u044c\u0427\u0442\u043e\u0431\u044b \u043d\u0435\u00a0\u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0442\u044c \u044d\u0442\u0443 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u043d\u0430\u00a0\u043a\u0430\u0436\u0434\u043e\u0439 \u043c\u0430\u0448\u0438\u043d\u0435, \u043c\u044b \u043e\u0441\u0432\u043e\u0438\u043b\u0438 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0432\u0435\u0440\u0441\u0438\u0439 mise. \u041f\u0440\u0438\u0432\u044b\u0447\u043d\u044b\u0435 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435\u0440\u0443 nvm \u0438 Volta \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u044e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u0435\u0440\u0441\u0438\u044e Node, \u0430\u00a0SDKMAN\u00a0\u2014 \u0442\u043e\u043b\u044c\u043a\u043e JVM\u2011\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b. \u0423\u00a0mise \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u0431\u043e\u043b\u044c\u0448\u0435:\u0437\u0430\u043a\u0440\u0435\u043f\u043b\u044f\u0435\u0442 \u0432\u0435\u0440\u0441\u0438\u0438 Node, JDK, Android cmdline\u2011tools \u0438 xcodes;\u0437\u0430\u0434\u0430\u0451\u0442 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f;\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0437\u0430\u0434\u0430\u0447\u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438;\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e \u043d\u0430\u00a0Windows, macOS \u0438 Linux.\u0412\u0441\u0451 \u044d\u0442\u043e \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0432\u00a0\u043e\u0434\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435 mise.toml. \u0423\u043f\u0440\u043e\u0449\u0451\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440:mise.toml# \u0412\u0435\u0440\u0441\u0438\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432: mise \u0441\u043a\u0430\u0447\u0430\u0435\u0442 \u0438\u0445 \u0438 \u0432\u043a\u043b\u044e\u0447\u0438\u0442 \u043f\u0440\u0438 \u0432\u0445\u043e\u0434\u0435 \u0432 \u043f\u0430\u043f\u043a\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430[tools]java = &#171;temurin-21&#187;   # JDK \u0434\u043b\u044f Gradle, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 Android-\u043f\u0440\u043e\u0435\u043a\u0442node = &#171;24&#187;android-sdk = &#171;23.0&#187;  # \u0443\u0442\u0438\u043b\u0438\u0442\u044b \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 Android SDKxcodes = { version = &#171;latest&#187;, os = [&#171;macos&#187;] }  # \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a Xcode, \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 macOS# \u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 mise \u0432\u044b\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0432 \u043f\u0430\u043f\u043a\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430[env]# SDK \u043b\u0435\u0436\u0438\u0442 \u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u043c \u0434\u043b\u044f \u041e\u0421 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435, \u0430 \u043d\u0435 \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435 mise:# \u0442\u0430\u043a \u043e\u043d \u043e\u0431\u0449\u0438\u0439 \u0441 Android Studio \u0438 \u043e\u0431\u0440\u0430\u0437\u044b \u043d\u0435 \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0434\u0432\u0430\u0436\u0434\u044bANDROID_HOME = &#171;{% if os() == &#8216;windows&#8217; %}{{ env.LOCALAPPDATA }}\\\\Android\\\\Sdk{% elif os() == &#8216;macos&#8217; %}{{ env.HOME }}\/Library\/Android\/sdk{% else %}{{ env.HOME }}\/Android\/Sdk{% endif %}&#187;# adb \u0438 emulator \u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432 \u0442\u0435\u0440\u043c\u0438\u043d\u0430\u043b\u0435_.path = [&#171;{{ env.ANDROID_HOME }}\/platform-tools&#187;, &#171;{{ env.ANDROID_HOME }}\/emulator&#187;]# \u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0437\u0430\u0434\u0430\u0447[vars]# ABI \u043e\u0431\u0440\u0430\u0437\u0430 \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430: arm64 \u043d\u0430 Apple silicon, x86_64 \u043d\u0430 Intel \u0438 AMDabi = &#171;{% if arch() == &#8216;arm64&#8217; or arch() == &#8216;aarch64&#8217; %}arm64-v8a{% else %}x86_64{% endif %}&#187;# \u0417\u0430\u0434\u0430\u0447\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u044e\u0442\u0441\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 mise run &lt;\u0438\u043c\u044f \u0437\u0430\u0434\u0430\u0447\u0438&gt;[tasks.&#187;android:sdk&#187;]description = &#171;\u041f\u0430\u043a\u0435\u0442\u044b Android SDK \u0434\u043b\u044f \u0441\u0431\u043e\u0440\u043a\u0438&#187;run = &#171;android sdk install platform-tools platforms\/android-36 build-tools\/35.0.0&#8243;[tasks.&#187;android:emulator&#187;]description = &#171;\u042d\u043c\u0443\u043b\u044f\u0442\u043e\u0440 \u0438 \u043e\u0431\u0440\u0430\u0437\u044b Android API 36 \u0438 API 34&#8243;depends = [&#171;android:sdk&#187;]  # \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f android:sdkrun = &#171;android sdk install emulator system-images\/android-36\/google_apis\/{{ vars.abi }} system-images\/android-34\/google_apis\/{{ vars.abi }}&#187;[tasks.&#187;ios:simulator&#187;]description = &#171;\u0420\u0430\u043d\u043d\u0435\u0440 iOS-\u0441\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430, \u0442\u043e\u043b\u044c\u043a\u043e macOS&#187;run = &#171;xcodebuild -downloadPlatform iOS&#187;\u041d\u043e\u0432\u043e\u043c\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c mise install \u0438 \u0437\u0430\u0434\u0430\u0447\u0443 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438. \u0415\u0441\u043b\u0438 \u0447\u0435\u0433\u043e\u2011\u0442\u043e \u043d\u0435\u00a0\u0445\u0432\u0430\u0442\u0430\u0435\u0442, \u0437\u0430\u0434\u0430\u0447\u0430 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u043a\u0430\u0436\u0435\u0442, \u0447\u0435\u0433\u043e \u0438\u043c\u0435\u043d\u043d\u043e, \u0438 \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c\u0441\u044f \u0432\u00a0\u043e\u0448\u0438\u0431\u043a\u0430\u0445 xcodebuild \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u0440\u0435\u0436\u0435. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u00a0\u0441\u0435\u043a\u0446\u0438\u044f\u0445 \u0438 \u0437\u0430\u0434\u0430\u0447\u0430\u0445 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 mise.\u0413\u0440\u0430\u0431\u043b\u0438, \u043d\u0430\u00a0\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0430\u0441\u0442\u0443\u043f\u0438\u043b\u0438 \u043f\u043e\u00a0\u0434\u043e\u0440\u043e\u0433\u0435\u0412\u00a0\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438 Android SDK \u0447\u0435\u0440\u0435\u0437 mise \u043d\u0430\u0448\u043b\u0438\u0441\u044c \u0442\u0440\u0438 \u043f\u043e\u0434\u0432\u043e\u0445\u0430:cmd \u0432\u00a0Windows \u0440\u0430\u0437\u0431\u0438\u0432\u0430\u0435\u0442 \u0441\u0442\u0440\u043e\u043a\u0443 \u043f\u043e ; \u0434\u0430\u0436\u0435 \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u0430\u0432\u044b\u0447\u0435\u043a, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0430\u043a\u0435\u0442 &#171;platforms;android-36&#187; \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u043b\u0441\u044f \u0432\u00a0\u0434\u0432\u0430 \u043d\u0435\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445. \u041f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u0441 sdkmanager \u043d\u0430\u00a0\u043d\u043e\u0432\u044b\u0439 Android CLI, \u0433\u0434\u0435 \u0438\u043c\u0435\u043d\u0430 \u043f\u0430\u043a\u0435\u0442\u043e\u0432 \u043f\u0438\u0448\u0443\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 \u0441\u043b\u044d\u0448.Android CLI \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043a\u043e\u0434 9\u00a0\u0434\u0430\u0436\u0435 \u043f\u0440\u0438\u00a0\u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0439 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0435. \u042d\u0442\u043e\u0442 \u043a\u043e\u0434 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0430\u00a0\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0443 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u043f\u043e\u00a0\u043d\u0430\u043b\u0438\u0447\u0438\u044e \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u043e\u0432 \u043f\u0430\u043a\u0435\u0442\u043e\u0432.avdmanager \u043d\u0435\u00a0\u0432\u0438\u0434\u0438\u0442 \u043e\u0431\u0440\u0430\u0437\u044b, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u043d\u043e\u0432\u044b\u043c CLI, \u0430 android emulator create \u043d\u0435\u00a0\u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0437\u0430\u0434\u0430\u0442\u044c \u0438\u043c\u044f \u0438 \u0443\u0440\u043e\u0432\u0435\u043d\u044c API. \u0412\u00a0\u0438\u0442\u043e\u0433\u0435 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u043f\u043e\u2011\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0432\u00a0Device Manager.\u0421\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c 2: \u044d\u043a\u0440\u0430\u043d \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442\u00a0\u043e\u043a\u043d\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0411\u043e\u043b\u044c\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u0430\u0432\u043e\u043a \u043f\u043e\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u0438 \u0432\u0435\u0449\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043d\u0435\u0442 \u0432\u00a0\u0434\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u043e\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435: \u0432\u044b\u0440\u0435\u0437 \u0438 \u043f\u043e\u043b\u043e\u0441\u043a\u0430 \u00ab\u0434\u043e\u043c\u043e\u0439\u00bb, \u044d\u043a\u0440\u0430\u043d\u043d\u0430\u044f \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0430, \u0441\u0435\u043d\u0441\u043e\u0440\u043d\u044b\u0435 \u0436\u0435\u0441\u0442\u044b \u0438 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 WebView. \u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u043a\u0430\u0436\u0434\u044b\u0439 \u0447\u0435\u0442\u0432\u0451\u0440\u0442\u044b\u0439 \u0431\u0430\u0433 \u043d\u0430\u00a0\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u043a\u0430\u0441\u0430\u043b\u0441\u044f \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u043d\u0430\u00a0\u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435, \u043f\u0440\u0438\u0447\u0451\u043c \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u0442\u0430\u043a\u0438\u0445 \u0431\u0430\u0433\u043e\u0432 \u043f\u0440\u043e\u044f\u0432\u043b\u044f\u043b\u0430\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u00a0iPhone.\u0414\u0432\u0430 \u0431\u0430\u0433\u0430 \u0441\u0432\u044f\u0437\u0430\u043d\u044b \u0441\u00a0\u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u043c\u0438 \u0437\u043e\u043d\u0430\u043c\u0438 \u044d\u043a\u0440\u0430\u043d\u0430. \u041d\u0430\u00a0iPhone \u0448\u0430\u043f\u043a\u0430 \u0437\u0430\u0435\u0437\u0436\u0430\u043b\u0430 \u043f\u043e\u0434\u00a0\u0447\u0430\u0441\u044b \u0438 \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u044b: \u0431\u0435\u0437 viewport-fit=cover \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 env(safe-area-inset-*) \u043d\u0435\u00a0\u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442. \u0422\u0435\u043f\u0435\u0440\u044c viewport-fit=cover \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u0438\u00a0\u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u043d\u0430\u00a0iOS, \u0430\u00a0\u0448\u0430\u043f\u043a\u0435 \u0437\u0430\u0434\u0430\u043d \u043e\u0442\u0441\u0442\u0443\u043f env(safe-area-inset-top). \u041d\u0438\u0437 \u0448\u0442\u043e\u0440\u043a\u0438 \u0443\u0445\u043e\u0434\u0438\u043b \u043f\u043e\u0434\u00a0\u043f\u043e\u043b\u043e\u0441\u043a\u0443 \u00ab\u0434\u043e\u043c\u043e\u0439\u00bb \u0438\u0437\u2011\u0437\u0430 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043d\u0438\u0436\u043d\u0435\u0433\u043e \u043e\u0442\u0441\u0442\u0443\u043f\u0430, \u0435\u0433\u043e \u0437\u0430\u043c\u0435\u043d\u0438\u043b \u043e\u0442\u0441\u0442\u0443\u043f calc(5.125rem + env(safe-area-inset-bottom)).\u0422\u0440\u0438 \u0431\u0430\u0433\u0430 \u0441\u0432\u044f\u0437\u0430\u043d\u044b \u0441\u00a0\u043a\u0430\u0441\u0430\u043d\u0438\u044f\u043c\u0438. \u0414\u0432\u043e\u0439\u043d\u043e\u0439 \u0442\u0430\u043f \u043d\u0430\u00a0iPhone \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u043b \u043c\u0430\u0441\u0448\u0442\u0430\u0431, \u043a\u0430\u043a\u00a0\u043d\u0430\u00a0\u0441\u0430\u0439\u0442\u0435, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e\u00a0\u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0435\u00a0\u0431\u044b\u043b\u043e \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u043e \u0432 viewport: \u043f\u043e\u043c\u043e\u0433\u043b\u0438 user-scalable=no \u0438 touch-manipulation \u043d\u0430 body. \u041d\u0430\u00a0iPhone \u0438 Android \u043f\u043e\u0441\u043b\u0435 \u043a\u0430\u0441\u0430\u043d\u0438\u044f \u043e\u0441\u0442\u0430\u0432\u0430\u043b\u0430\u0441\u044c \u0441\u0438\u043d\u044f\u044f \u0440\u0430\u043c\u043a\u0430 \u0444\u043e\u043a\u0443\u0441\u0430, \u0442\u0430\u043a \u043a\u0430\u043a\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0439 outline \u043d\u0435\u00a0\u0431\u044b\u043b \u043e\u0442\u043a\u043b\u044e\u0447\u0451\u043d \u0434\u043b\u044f\u00a0\u0441\u0435\u043d\u0441\u043e\u0440\u043d\u043e\u0433\u043e \u0432\u0432\u043e\u0434\u0430. \u041a\u043b\u0430\u0441\u0441 pointer-coarse:outline-none \u0443\u0431\u0440\u0430\u043b \u0435\u0451 \u0434\u043b\u044f\u00a0\u043a\u0430\u0441\u0430\u043d\u0438\u0439 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u043b \u0434\u043b\u044f\u00a0\u043c\u044b\u0448\u0438 \u0438 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b. \u041d\u0430\u00a0\u044d\u043a\u0440\u0430\u043d\u0435 \u0448\u0438\u0440\u0438\u043d\u043e\u0439 360\u00a0px \u043d\u0435\u00a0\u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u043b\u0441\u044f \u0440\u044f\u0434 \u0438\u043a\u043e\u043d\u043e\u043a: touch-none \u043d\u0430\u00a0\u0440\u0443\u0447\u043a\u0435 \u0448\u0442\u043e\u0440\u043a\u0438 \u043f\u0435\u0440\u0435\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u043b \u0432\u0441\u0435 \u043a\u0430\u0441\u0430\u043d\u0438\u044f. \u0421 touch-pan-x \u0440\u044f\u0434 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u0430\u00a0\u0448\u0442\u043e\u0440\u043a\u0430 \u0434\u0432\u0438\u0433\u0430\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u0436\u0435\u0441\u0442\u043e\u043c.\u0415\u0449\u0451 \u0442\u0440\u0438 \u0431\u0430\u0433\u0430 \u043a\u0430\u0441\u0430\u044e\u0442\u0441\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439. \u0428\u0442\u043e\u0440\u043a\u0443 \u043d\u0430\u00a0iPhone \u043d\u0435\u00a0\u0443\u0434\u0430\u0432\u0430\u043b\u043e\u0441\u044c \u0434\u043e\u043a\u0440\u0443\u0442\u0438\u0442\u044c \u0434\u043e\u00a0\u043a\u043e\u043d\u0446\u0430, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e\u00a0\u0441\u0434\u0432\u0438\u0433&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-498784","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/498784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=498784"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/498784\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=498784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=498784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=498784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}