{"id":32405,"date":"2025-03-04T10:06:01","date_gmt":"2025-03-04T02:06:01","guid":{"rendered":"https:\/\/www.yunshan.net\/blog\/?p=32405"},"modified":"2025-03-04T10:06:01","modified_gmt":"2025-03-04T02:06:01","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8%e5%a4%9a%e5%b9%b3%e5%8f%b0%e5%ba%94%e7%94%a8%e4%b8%ad%e5%ae%9a%e4%bd%8d%e6%95%85%e9%9a%9c%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/www.yunshan.net\/blog\/archives\/32405.html","title":{"rendered":"\u5982\u4f55\u5728\u591a\u5e73\u53f0\u5e94\u7528\u4e2d\u5b9a\u4f4d\u6545\u969c\uff1f"},"content":{"rendered":"

\n

\"\u5982\u4f55\u5728\u591a\u5e73\u53f0\u5e94\u7528\u4e2d\u5b9a\u4f4d\u6545\u969c\uff1f\"<\/p>\n<\/p>\n

\u524d\u8a00<\/strong>
\n\u5728\u79fb\u52a8\u4e92\u8054\u7f51\u65f6\u4ee3\uff0c\u7528\u6237\u5bf9\u5e94\u7528\u7684\u671f\u5f85\u65e9\u5df2\u8d85\u8d8a\u4e86\u5355\u4e00\u5e73\u53f0\u3002\u65e0\u8bba\u662fiOS\u3001Android\u3001Web\u7aef\u8fd8\u662f\u8de8\u5e73\u53f0\u7684Flutter\u6216React Native\u5e94\u7528\uff0c\u4f01\u4e1a\u90fd\u5728\u8ffd\u6c42\u201c\u4e00\u6b21\u5f00\u53d1\uff0c\u591a\u7aef\u8986\u76d6\u201d\u7684\u6548\u7387\u3002\u7136\u800c\uff0c\u8fd9\u79cd\u4fbf\u5229\u4e5f\u5e26\u6765\u4e86\u65b0\u7684\u6311\u6218\uff1a\u5f53\u5e94\u7528\u5728\u591a\u4e2a\u5e73\u53f0\u4e0a\u51fa\u73b0\u6027\u80fd\u4e0b\u964d\u3001\u5d29\u6e83\u6216\u529f\u80fd\u5f02\u5e38\u65f6\uff0c\u5982\u4f55\u5feb\u901f\u5b9a\u4f4d\u95ee\u9898\u6839\u6e90\uff1f<\/strong> \u636e\u7edf\u8ba1\uff0c\u8d85\u8fc770%\u7684\u5f00\u53d1\u56e2\u961f\u5728\u8de8\u5e73\u53f0\u6545\u969c\u6392\u67e5\u4e2d\u56e0\u73af\u5883\u5dee\u5f02\u3001\u65e5\u5fd7\u5206\u6563\u6216\u6d4b\u8bd5\u8986\u76d6\u4e0d\u5168\u800c\u6d6a\u8d39\u5927\u91cf\u65f6\u95f4\u3002\u672c\u6587\u5c06\u6df1\u5165\u63a2\u8ba8\u591a\u5e73\u53f0\u5e94\u7528\u6545\u969c\u5b9a\u4f4d<\/a>\u7684\u6838\u5fc3\u7b56\u7565\uff0c\u5e2e\u52a9\u5f00\u53d1\u8005\u4ece\u590d\u6742\u73b0\u8c61\u4e2d\u62bd\u4e1d\u5265\u8327\uff0c\u6784\u5efa\u9ad8\u6548\u7684\u6392\u67e5\u4f53\u7cfb\u3002<\/p>\n

\n

\u4e00\u3001\u7406\u89e3\u591a\u5e73\u53f0\u73af\u5883\u7684\u7279\u6b8a\u6027<\/strong><\/h3>\n

\u591a\u5e73\u53f0\u5e94\u7528\u7684\u6838\u5fc3\u6311\u6218\u5728\u4e8e\u73af\u5883\u5dee\u5f02<\/strong>\u3002\u4ee5\u79fb\u52a8\u7aef\u4e3a\u4f8b\uff0ciOS\u4e0eAndroid\u7684\u786c\u4ef6\u9002\u914d\u3001\u7cfb\u7edf\u6743\u9650\u3001\u7f51\u7edc\u517c\u5bb9\u6027\u7b49\u5dee\u5f02\u53ef\u80fd\u5bfc\u81f4\u540c\u4e00\u529f\u80fd\u5728\u4e0d\u540c\u8bbe\u5907\u4e0a\u8868\u73b0\u8fe5\u5f02\u3002\u800cWeb\u7aef\u5219\u9700\u5e94\u5bf9\u6d4f\u89c8\u5668\u5185\u6838\u3001\u7f13\u5b58\u673a\u5236\u4e0eJavaScript\u5f15\u64ce\u7684\u53d8\u5316\u3002\u56e0\u6b64\uff0c\u5b9a\u4f4d\u6545\u969c\u524d\u9700\u660e\u786e\u4e24\u4e2a\u5173\u952e\u95ee\u9898\uff1a<\/p>\n

    \n
  1. \u95ee\u9898\u662f\u5426\u5177\u6709\u5e73\u53f0\u7279\u5f02\u6027\uff1f<\/strong> \u4f8b\u5982\uff0cAndroid\u8bbe\u5907\u4e0a\u7684\u95ea\u9000\u53ef\u80fd\u6e90\u4e8e\u5185\u5b58\u6cc4\u6f0f\uff0c\u800ciOS\u7684\u5361\u987f\u53ef\u80fd\u7531\u4e3b\u7ebf\u7a0b\u963b\u585e\u5f15\u8d77\u3002\n<\/li>\n
  2. \u662f\u5426\u4e0e\u7528\u6237\u884c\u4e3a\u8def\u5f84\u76f8\u5173\uff1f<\/strong> \u8de8\u5e73\u53f0\u7528\u6237\u7684\u64cd\u4f5c\u4e60\u60ef\u5dee\u5f02\uff08\u5982\u624b\u52bf\u3001\u8fd4\u56de\u952e\u903b\u8f91\uff09\u53ef\u80fd\u89e6\u53d1\u9690\u85cf\u7684\u4ee3\u7801\u7f3a\u9677\u3002\n<\/li>\n<\/ol>\n

    \u6848\u4f8b<\/strong>\uff1a\u67d0\u7535\u5546App\u5728iOS\u7aef\u9891\u7e41\u5d29\u6e83\uff0c\u4f46Android\u7aef\u8fd0\u884c\u6b63\u5e38\u3002\u6700\u7ec8\u5b9a\u4f4d\u5230\u539f\u56e0\u662fiOS\u7684\u81ea\u52a8\u5e03\u5c40\u7ea6\u675f\u51b2\u7a81\uff0c\u800cAndroid\u7684XML\u5e03\u5c40\u673a\u5236\u89c4\u907f\u4e86\u8fd9\u4e00\u98ce\u9669\u3002<\/p>\n

    \n

    \u4e8c\u3001\u6784\u5efa\u7cfb\u7edf\u5316\u7684\u6545\u969c\u5b9a\u4f4d\u6d41\u7a0b<\/strong><\/h3>\n

    1. \u6570\u636e\u6536\u96c6\uff1a\u5efa\u7acb\u5168\u94fe\u8def\u76d1\u63a7<\/a>\u4f53\u7cfb<\/strong><\/h4>\n
      \n
    • \u65e5\u5fd7\u6807\u51c6\u5316<\/strong>\uff1a\u5728\u4e0d\u540c\u5e73\u53f0\u7edf\u4e00\u65e5\u5fd7\u683c\u5f0f\uff0c\u5e76\u6dfb\u52a0\u8bbe\u5907\u578b\u53f7\u3001\u7cfb\u7edf\u7248\u672c\u3001\u7f51\u7edc\u72b6\u6001\u7b49\u4e0a\u4e0b\u6587\u4fe1\u606f\u3002\u4f8b\u5982\uff0c\u4f7f\u7528Sentry<\/strong>\u6216Firebase Crashlytics<\/strong>\u5b9e\u73b0\u8de8\u5e73\u53f0\u5d29\u6e83\u65e5\u5fd7\u805a\u5408\u3002\n<\/li>\n
    • \u7528\u6237\u884c\u4e3a\u8ffd\u8e2a<\/strong>\uff1a\u901a\u8fc7\u57cb\u70b9\u8bb0\u5f55\u5173\u952e\u64cd\u4f5c\u8def\u5f84\uff08\u5982\u652f\u4ed8\u6d41\u7a0b\uff09\uff0c\u5229\u7528\u5de5\u5177\uff08\u5982Mixpanel\uff09\u5bf9\u6bd4\u5404\u5e73\u53f0\u7528\u6237\u884c\u4e3a\u7684\u5f02\u5e38\u70b9\u3002\n<\/li>\n
    • \u6027\u80fd\u6307\u6807\u76d1\u63a7<\/strong>\uff1a\u76d1\u6d4bCPU\/\u5185\u5b58\u5360\u7528\u7387\u3001\u5e27\u7387\uff08FPS\uff09\u3001API\u54cd\u5e94\u65f6\u95f4\u7b49\uff0c\u4f7f\u7528New Relic<\/strong>\u6216Datadog<\/strong>\u751f\u6210\u53ef\u89c6\u5316\u62a5\u544a\u3002\n<\/li>\n<\/ul>\n

      2. \u95ee\u9898\u5206\u7c7b\u4e0e\u4f18\u5148\u7ea7\u5224\u5b9a<\/strong><\/h4>\n

      \u6839\u636e\u5f71\u54cd\u8303\u56f4\u548c\u4e25\u91cd\u7a0b\u5ea6\uff0c\u5c06\u6545\u969c\u5206\u4e3a\u56db\u7c7b\uff1a<\/p>\n

        \n
      • \u81f4\u547d\u7ea7<\/strong>\uff08\u5982\u5d29\u6e83\u3001\u6570\u636e\u4e22\u5931\uff09\uff1a\u9700\u7acb\u5373\u5904\u7406\uff1b\n<\/li>\n
      • \u4e25\u91cd\u7ea7<\/strong>\uff08\u5982\u6838\u5fc3\u529f\u80fd\u5931\u6548\uff09\uff1a\u970024\u5c0f\u65f6\u5185\u4fee\u590d\uff1b\n<\/li>\n
      • \u4e00\u822c\u7ea7<\/strong>\uff08\u5982UI\u9519\u4f4d\uff09\uff1a\u7eb3\u5165\u8fed\u4ee3\u4f18\u5316\uff1b\n<\/li>\n
      • \u5efa\u8bae\u7ea7<\/strong>\uff08\u5982\u6027\u80fd\u8f7b\u5fae\u4e0b\u964d\uff09\uff1a\u957f\u671f\u8ddf\u8e2a\u3002\n<\/li>\n<\/ul>\n

        \u5173\u952e\u539f\u5219<\/strong>\uff1a\u4f18\u5148\u89e3\u51b3\u8de8\u5e73\u53f0\u5171\u6027\u95ee\u9898\uff0c\u518d\u5904\u7406\u5355\u4e00\u5e73\u53f0\u7684\u7279\u5f02\u6027\u6545\u969c<\/em>\uff0c\u4ee5\u6700\u5927\u5316\u4fee\u590d\u6548\u7387\u3002<\/p>\n

        3. \u590d\u73b0\u4e0e\u8c03\u8bd5\uff1a\u7f29\u5c0f\u95ee\u9898\u8303\u56f4<\/strong><\/h4>\n
          \n
        • \u73af\u5883\u6a21\u62df<\/strong>\uff1a\u4f7f\u7528Xcode\u6a21\u62df\u5668\u3001Android Studio\u865a\u62df\u8bbe\u5907\u6216BrowserStack\u590d\u73b0Web\u7aef\u95ee\u9898\uff1b\n<\/li>\n
        • \u6700\u5c0f\u5316\u6d4b\u8bd5<\/strong>\uff1a\u901a\u8fc7\u4ee3\u7801\u56de\u6eda\u3001\u5173\u95ed\u975e\u6838\u5fc3\u6a21\u5757\uff0c\u9010\u6b65\u7f29\u5c0f\u95ee\u9898\u89e6\u53d1\u6761\u4ef6\uff1b\n<\/li>\n
        • A\/B\u6d4b\u8bd5<\/strong>\uff1a\u5bf9\u6bd4\u65b0\u65e7\u7248\u672c\u6216\u4e0d\u540c\u5e73\u53f0\u4ee3\u7801\uff0c\u8bc6\u522b\u5dee\u5f02\u70b9\u3002\n<\/li>\n<\/ul>\n

          \u6280\u5de7<\/strong>\uff1a\u5bf9\u4e8e\u5076\u53d1\u95ee\u9898\uff0c\u53ef\u901a\u8fc7\u5f55\u5236\u7528\u6237\u64cd\u4f5c\u5e8f\u5217<\/strong>\uff08\u5982Android\u7684adb shell screenrecord<\/code>\uff09\u8f85\u52a9\u5206\u6790\u3002<\/p>\n

          \n

          \u4e09\u3001\u5e38\u89c1\u6545\u969c\u573a\u666f\u4e0e\u89e3\u51b3\u65b9\u6848<\/strong><\/h3>\n

          1. \u8de8\u5e73\u53f0UI\u4e0d\u4e00\u81f4<\/strong><\/h4>\n
            \n
          • \u539f\u56e0<\/strong>\uff1a\u4e0d\u540c\u5e73\u53f0\u7684\u6e32\u67d3\u5f15\u64ce\u5dee\u5f02\uff08\u5982Flutter\u7684Skia\u4e0eWeb\u7684CSS\uff09\uff1b\n<\/li>\n
          • \u89e3\u51b3\u65b9\u6848<\/strong>\uff1a\n<\/li>\n
          • \u4f7f\u7528\u54cd\u5e94\u5f0f\u8bbe\u8ba1\u6846\u67b6<\/strong>\uff08\u5982Bootstrap for Web\uff09\uff1b\n<\/li>\n
          • \u9488\u5bf9\u5e73\u53f0\u7279\u6027\u7f16\u5199\u6761\u4ef6\u4ee3\u7801\uff08\u5982React Native\u7684Platform.select()<\/code>\uff09\uff1b\n<\/li>\n
          • \u901a\u8fc7\u89c6\u89c9\u56de\u5f52\u6d4b\u8bd5\u5de5\u5177<\/strong>\uff08\u5982Percy\uff09\u81ea\u52a8\u68c0\u6d4bUI\u504f\u5dee\u3002\n<\/li>\n<\/ul>\n

            2. API\u8bf7\u6c42\u5931\u8d25<\/strong><\/h4>\n
              \n
            • \u9ad8\u9891\u95ee\u9898<\/strong>\uff1a\u8d85\u65f6\u3001\u8bc1\u4e66\u6821\u9a8c\u5931\u8d25\u3001\u8de8\u57df\uff08CORS\uff09\u9650\u5236\uff1b\n<\/li>\n
            • \u6392\u67e5\u6b65\u9aa4<\/strong>\uff1a\n<\/li>\n<\/ul>\n
                \n
              1. \u68c0\u67e5\u7f51\u7edc\u5c42\u5c01\u88c5\u662f\u5426\u7edf\u4e00\uff08\u5982Retrofit for Android vs Alamofire for iOS\uff09\uff1b\n<\/li>\n
              2. \u4f7f\u7528Charles Proxy<\/strong>\u6216Wireshark<\/strong>\u6293\u5305\u5206\u6790\u8bf7\u6c42\u5934\u4e0e\u54cd\u5e94\u4f53\uff1b\n<\/li>\n
              3. \u9a8c\u8bc1\u8bc1\u4e66\u94fe\u517c\u5bb9\u6027\uff08\u5c24\u5176\u5bf9\u4f4e\u7248\u672c\u7cfb\u7edf\uff09\u3002\n<\/li>\n<\/ol>\n

                3. \u6027\u80fd\u74f6\u9888<\/strong><\/h4>\n
                  \n
                • \u5178\u578b\u8868\u73b0<\/strong>\uff1a\u9875\u9762\u52a0\u8f7d\u6162\u3001\u52a8\u753b\u5361\u987f\uff1b\n<\/li>\n
                • \u4f18\u5316\u65b9\u5411<\/strong>\uff1a\n<\/li>\n
                • \u5185\u5b58\u7ba1\u7406<\/strong>\uff1a\u907f\u514d\u8de8\u5e73\u53f0\u6846\u67b6\uff08\u5982Electron\uff09\u7684\u5185\u5b58\u6cc4\u6f0f\uff1b\n<\/li>\n
                • \u7ebf\u7a0b\u4f18\u5316<\/strong>\uff1a\u5c06\u8017\u65f6\u64cd\u4f5c\u79fb\u81f3\u5b50\u7ebf\u7a0b\uff08\u5982Android\u7684WorkManager<\/code>\u3001iOS\u7684DispatchQueue<\/code>\uff09\uff1b\n<\/li>\n
                • \u8d44\u6e90\u538b\u7f29<\/strong>\uff1aWeb\u7aef\u542f\u7528CDN\u4e0e\u61d2\u52a0\u8f7d\uff0c\u79fb\u52a8\u7aef\u7f29\u51cfAPK\/IPA\u4f53\u79ef\u3002\n<\/li>\n<\/ul>\n
                  \n

                  \u56db\u3001\u5de5\u5177\u94fe\u4e0e\u81ea\u52a8\u5316\u5b9e\u8df5<\/strong><\/h3>\n

                  1. \u65e5\u5fd7\u5206\u6790\u5e73\u53f0<\/strong><\/h4>\n
                    \n
                  • \u5f00\u6e90\u65b9\u6848<\/strong>\uff1aELK Stack\uff08Elasticsearch, Logstash, Kibana\uff09\u652f\u6301\u591a\u5e73\u53f0\u65e5\u5fd7\u805a\u5408\u4e0e\u5173\u952e\u5b57\u544a\u8b66\uff1b\n<\/li>\n
                  • \u4e91\u670d\u52a1<\/strong>\uff1aAWS CloudWatch\u6216Azure Application Insights\u63d0\u4f9b\u7aef\u5230\u7aef\u5206\u6790\u80fd\u529b\u3002\n<\/li>\n<\/ul>\n

                    2. \u81ea\u52a8\u5316\u6d4b\u8bd5<\/strong><\/h4>\n
                      \n
                    • \u5355\u5143\u6d4b\u8bd5<\/strong>\uff1a\u4f7f\u7528JUnit\uff08Android\uff09\u3001XCTest\uff08iOS\uff09\u3001Jest\uff08React Native\uff09\u8986\u76d6\u6838\u5fc3\u903b\u8f91\uff1b\n<\/li>\n
                    • \u7aef\u5230\u7aef\u6d4b\u8bd5<\/strong>\uff1aAppium\uff08\u79fb\u52a8\u7aef\uff09\u3001Cypress\uff08Web\u7aef\uff09\u6a21\u62df\u7528\u6237\u64cd\u4f5c\u8def\u5f84\uff1b\n<\/li>\n
                    • \u538b\u529b\u6d4b\u8bd5<\/strong>\uff1aLocust\u6216JMeter\u6a21\u62df\u9ad8\u5e76\u53d1\u573a\u666f\u3002\n<\/li>\n<\/ul>\n

                      3. \u6301\u7eed\u96c6\u6210\/\u4ea4\u4ed8\uff08CI\/CD\uff09<\/strong><\/h4>\n

                      \u5728GitHub Actions\u6216GitLab CI\u4e2d\u96c6\u6210\u591a\u5e73\u53f0\u6784\u5efa\u4e0e\u6d4b\u8bd5\u4efb\u52a1\uff0c\u786e\u4fdd\u6bcf\u6b21\u63d0\u4ea4\u81ea\u52a8\u89e6\u53d1\u4ee5\u4e0b\u6d41\u7a0b\uff1a<\/p>\n

                        \n
                      1. \u4ee3\u7801\u9759\u6001\u5206\u6790\uff08SonarQube\uff09\uff1b\n<\/li>\n
                      2. \u5355\u5143\u6d4b\u8bd5\u4e0e\u8986\u76d6\u7387\u68c0\u67e5\uff1b\n<\/li>\n
                      3. \u591a\u8bbe\u5907\u517c\u5bb9\u6027\u6d4b\u8bd5\uff08Firebase Test Lab\uff09\uff1b\n<\/li>\n
                      4. \u5b89\u5168\u626b\u63cf\uff08OWASP ZAP\uff09\u3002\n<\/li>\n<\/ol>\n
                        \n

                        \u4e94\u3001\u9884\u9632\u80dc\u4e8e\u6cbb\u7597\uff1a\u5efa\u7acb\u6545\u969c\u9632\u5fa1\u673a\u5236<\/strong><\/h3>\n
                          \n
                        1. \u4ee3\u7801\u89c4\u8303\u7edf\u4e00<\/strong>\uff1a\u901a\u8fc7ESLint\u3001SwiftLint\u7b49\u5de5\u5177\u7ea6\u675f\u8de8\u56e2\u961f\u534f\u4f5c\uff1b\n<\/li>\n
                        2. \u7070\u5ea6\u53d1\u5e03<\/strong>\uff1a\u5148\u54115%\u7528\u6237\u63a8\u9001\u66f4\u65b0\uff0c\u76d1\u63a7\u5f02\u5e38\u6307\u6807\u540e\u518d\u5168\u91cf\u53d1\u5e03\uff1b\n<\/li>\n
                        3. \u5bb9\u707e\u8bbe\u8ba1<\/strong>\uff1a\u5bf9\u6838\u5fc3\u529f\u80fd\uff08\u5982\u652f\u4ed8\u6a21\u5757\uff09\u5b9e\u73b0\u964d\u7ea7\u7b56\u7565\u4e0e\u7194\u65ad\u673a\u5236\uff1b\n<\/li>\n
                        4. \u77e5\u8bc6\u6c89\u6dc0<\/strong>\uff1a\u5efa\u7acb\u5185\u90e8Wiki\uff0c\u8bb0\u5f55\u5386\u53f2\u6545\u969c\u6839\u56e0\u4e0e\u4fee\u590d\u65b9\u6848\u3002\n<\/li>\n<\/ol>\n

                          \u6570\u636e\u6d1e\u5bdf<\/strong>\uff1aGartner\u7814\u7a76\u8868\u660e\uff0c\u5b8c\u5584\u7684\u76d1\u63a7\u4f53\u7cfb\u53ef\u5c06\u5e73\u5747\u6545\u969c\u4fee\u590d\u65f6\u95f4\uff08MTTR\uff09\u7f29\u77ed60%\u4ee5\u4e0a<\/em>\u3002\u800cStack Overflow\u5f00\u53d1\u8005\u8c03\u67e5\u663e\u793a\uff0c\u7f3a\u4e4f\u65e5\u5fd7\u5de5\u5177\u7684\u56e2\u961f\u5728\u6545\u969c\u6392\u67e5\u4e2d\u591a\u8017\u8d393\u500d\u4eba\u529b\u6210\u672c\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

                          \u524d\u8a00 \u5728\u79fb\u52a8\u4e92\u8054\u7f51\u65f6\u4ee3\uff0c\u7528\u6237\u5bf9\u5e94\u7528\u7684\u671f\u5f85\u65e9\u5df2\u8d85\u8d8a\u4e86\u5355\u4e00\u5e73\u53f0\u3002\u65e0\u8bba\u662fiOS\u3001Android\u3001Web\u7aef\u8fd8\u662f\u8de8\u5e73\u53f0\u7684Flutter\u6216React Native\u5e94\u7528\uff0c\u4f01\u4e1a\u90fd\u5728\u8ffd\u6c42\u201c\u4e00\u6b21\u5f00\u53d1\uff0c\u591a\u7aef\u8986\u76d6\u201d\u7684\u6548\u7387\u3002\u7136\u800c\uff0c\u8fd9\u79cd\u4fbf\u5229\u4e5f\u5e26\u6765\u4e86\u65b0\u7684\u6311\u6218\uff1a\u5f53\u5e94\u7528\u5728\u591a\u4e2a\u5e73\u53f0\u4e0a\u51fa\u73b0\u6027\u80fd\u4e0b\u964d\u3001\u5d29\u6e83\u6216\u529f\u80fd\u5f02\u5e38\u65f6\uff0c\u5982\u4f55\u5feb\u901f\u5b9a\u4f4d\u95ee\u9898\u6839\u6e90\uff1f \u636e\u7edf\u8ba1\uff0c\u8d85\u8fc770%\u7684\u5f00\u53d1\u56e2\u961f\u5728\u8de8\u5e73\u53f0\u6545\u969c\u6392\u67e5\u4e2d\u56e0\u73af\u5883\u5dee\u5f02\u3001\u65e5\u5fd7\u5206\u6563\u6216\u6d4b\u8bd5\u8986\u76d6\u4e0d\u5168\u800c\u6d6a\u8d39\u5927\u91cf\u65f6\u95f4\u3002\u672c\u6587\u5c06\u6df1\u5165\u63a2\u8ba8\u591a\u5e73\u53f0\u5e94\u7528\u6545\u969c\u5b9a\u4f4d\u7684\u6838\u5fc3\u7b56\u7565\uff0c\u5e2e\u52a9\u5f00\u53d1\u8005\u4ece\u590d\u6742\u73b0\u8c61\u4e2d\u62bd\u4e1d\u5265\u8327\uff0c\u6784\u5efa\u9ad8\u6548\u7684\u6392\u67e5\u4f53\u7cfb\u3002 \u4e00\u3001\u7406\u89e3\u591a\u5e73\u53f0\u73af\u5883\u7684\u7279\u6b8a\u6027 \u591a\u5e73\u53f0\u5e94\u7528\u7684\u6838\u5fc3\u6311\u6218\u5728\u4e8e\u73af\u5883\u5dee\u5f02\u3002\u4ee5\u79fb\u52a8\u7aef\u4e3a\u4f8b\uff0ciOS\u4e0eAndroid\u7684\u786c\u4ef6\u9002\u914d\u3001\u7cfb\u7edf\u6743\u9650\u3001\u7f51\u7edc\u517c\u5bb9\u6027\u7b49\u5dee\u5f02\u53ef\u80fd\u5bfc\u81f4\u540c\u4e00\u529f\u80fd\u5728\u4e0d\u540c\u8bbe\u5907\u4e0a\u8868\u73b0\u8fe5\u5f02\u3002\u800cWeb\u7aef\u5219\u9700\u5e94\u5bf9\u6d4f\u89c8\u5668\u5185\u6838\u3001\u7f13\u5b58\u673a\u5236\u4e0eJavaScript\u5f15\u64ce\u7684\u53d8\u5316\u3002\u56e0\u6b64\uff0c\u5b9a\u4f4d\u6545\u969c\u524d\u9700\u660e\u786e\u4e24\u4e2a\u5173\u952e\u95ee\u9898\uff1a \u95ee\u9898\u662f\u5426\u5177\u6709\u5e73\u53f0\u7279\u5f02\u6027\uff1f \u4f8b\u5982\uff0cAndroid\u8bbe\u5907\u4e0a\u7684\u95ea\u9000\u53ef\u80fd\u6e90\u4e8e\u5185\u5b58\u6cc4\u6f0f\uff0c\u800ciOS\u7684\u5361\u987f\u53ef\u80fd\u7531\u4e3b\u7ebf\u7a0b\u963b\u585e\u5f15\u8d77\u3002 \u662f\u5426\u4e0e\u7528\u6237\u884c\u4e3a\u8def\u5f84\u76f8\u5173\uff1f \u8de8\u5e73\u53f0\u7528\u6237\u7684\u64cd\u4f5c\u4e60\u60ef\u5dee\u5f02\uff08\u5982\u624b\u52bf\u3001\u8fd4\u56de\u952e\u903b\u8f91\uff09\u53ef\u80fd\u89e6\u53d1\u9690\u85cf\u7684\u4ee3\u7801\u7f3a\u9677\u3002 \u6848\u4f8b\uff1a\u67d0\u7535\u5546App\u5728iOS\u7aef\u9891\u7e41\u5d29\u6e83\uff0c\u4f46Android\u7aef\u8fd0\u884c\u6b63\u5e38\u3002\u6700\u7ec8\u5b9a\u4f4d\u5230\u539f\u56e0\u662fiOS\u7684\u81ea\u52a8\u5e03\u5c40\u7ea6\u675f\u51b2\u7a81\uff0c\u800cAndroid\u7684XML\u5e03\u5c40\u673a\u5236\u89c4\u907f\u4e86\u8fd9\u4e00\u98ce\u9669\u3002 \u4e8c\u3001\u6784\u5efa\u7cfb\u7edf\u5316\u7684\u6545\u969c\u5b9a\u4f4d\u6d41\u7a0b 1. \u6570\u636e\u6536\u96c6\uff1a\u5efa\u7acb\u5168\u94fe\u8def\u76d1\u63a7\u4f53\u7cfb \u65e5\u5fd7\u6807\u51c6\u5316\uff1a\u5728\u4e0d\u540c\u5e73\u53f0\u7edf\u4e00\u65e5\u5fd7\u683c\u5f0f\uff0c\u5e76\u6dfb\u52a0\u8bbe\u5907\u578b\u53f7\u3001\u7cfb\u7edf\u7248\u672c\u3001\u7f51\u7edc\u72b6\u6001\u7b49\u4e0a\u4e0b\u6587\u4fe1\u606f\u3002\u4f8b\u5982\uff0c\u4f7f\u7528Sentry\u6216Firebase Crashlytics\u5b9e\u73b0\u8de8\u5e73\u53f0\u5d29\u6e83\u65e5\u5fd7\u805a\u5408\u3002 \u7528\u6237\u884c\u4e3a\u8ffd\u8e2a\uff1a\u901a\u8fc7\u57cb\u70b9\u8bb0\u5f55\u5173\u952e\u64cd\u4f5c\u8def\u5f84\uff08\u5982\u652f\u4ed8\u6d41\u7a0b\uff09\uff0c\u5229\u7528\u5de5\u5177\uff08\u5982Mixpanel\uff09\u5bf9\u6bd4\u5404\u5e73\u53f0\u7528\u6237\u884c\u4e3a\u7684\u5f02\u5e38\u70b9\u3002 \u6027\u80fd\u6307\u6807\u76d1\u63a7\uff1a\u76d1\u6d4bCPU\/\u5185\u5b58\u5360\u7528\u7387\u3001\u5e27\u7387\uff08FPS\uff09\u3001API\u54cd\u5e94\u65f6\u95f4\u7b49\uff0c\u4f7f\u7528New Relic\u6216Datadog\u751f\u6210\u53ef\u89c6\u5316\u62a5\u544a\u3002 2. \u95ee\u9898\u5206\u7c7b\u4e0e\u4f18\u5148\u7ea7\u5224\u5b9a \u6839\u636e\u5f71\u54cd\u8303\u56f4\u548c\u4e25\u91cd\u7a0b\u5ea6\uff0c\u5c06\u6545\u969c\u5206\u4e3a\u56db\u7c7b\uff1a \u81f4\u547d\u7ea7\uff08\u5982\u5d29\u6e83\u3001\u6570\u636e\u4e22\u5931\uff09\uff1a\u9700\u7acb\u5373\u5904\u7406\uff1b \u4e25\u91cd\u7ea7\uff08\u5982\u6838\u5fc3\u529f\u80fd\u5931\u6548\uff09\uff1a\u970024\u5c0f\u65f6\u5185\u4fee\u590d\uff1b \u4e00\u822c\u7ea7\uff08\u5982UI\u9519\u4f4d\uff09\uff1a\u7eb3\u5165\u8fed\u4ee3\u4f18\u5316\uff1b \u5efa\u8bae\u7ea7\uff08\u5982\u6027\u80fd\u8f7b\u5fae\u4e0b\u964d\uff09\uff1a\u957f\u671f\u8ddf\u8e2a\u3002 \u5173\u952e\u539f\u5219\uff1a\u4f18\u5148\u89e3\u51b3\u8de8\u5e73\u53f0\u5171\u6027\u95ee\u9898\uff0c\u518d\u5904\u7406\u5355\u4e00\u5e73\u53f0\u7684\u7279\u5f02\u6027\u6545\u969c\uff0c\u4ee5\u6700\u5927\u5316\u4fee\u590d\u6548\u7387\u3002 3. \u590d\u73b0\u4e0e\u8c03\u8bd5\uff1a\u7f29\u5c0f\u95ee\u9898\u8303\u56f4 \u73af\u5883\u6a21\u62df\uff1a\u4f7f\u7528Xcode\u6a21\u62df\u5668\u3001Android Studio\u865a\u62df\u8bbe\u5907\u6216BrowserStack\u590d\u73b0Web\u7aef\u95ee\u9898\uff1b \u6700\u5c0f\u5316\u6d4b\u8bd5\uff1a\u901a\u8fc7\u4ee3\u7801\u56de\u6eda\u3001\u5173\u95ed\u975e\u6838\u5fc3\u6a21\u5757\uff0c\u9010\u6b65\u7f29\u5c0f\u95ee\u9898\u89e6\u53d1\u6761\u4ef6\uff1b A\/B\u6d4b\u8bd5\uff1a\u5bf9\u6bd4\u65b0\u65e7\u7248\u672c\u6216\u4e0d\u540c\u5e73\u53f0\u4ee3\u7801\uff0c\u8bc6\u522b\u5dee\u5f02\u70b9\u3002 \u6280\u5de7\uff1a\u5bf9\u4e8e\u5076\u53d1\u95ee\u9898\uff0c\u53ef\u901a\u8fc7\u5f55\u5236\u7528\u6237\u64cd\u4f5c\u5e8f\u5217\uff08\u5982Android\u7684adb shell screenrecord\uff09\u8f85\u52a9\u5206\u6790\u3002 \u4e09\u3001\u5e38\u89c1\u6545\u969c\u573a\u666f\u4e0e\u89e3\u51b3\u65b9\u6848 1. \u8de8\u5e73\u53f0UI\u4e0d\u4e00\u81f4 \u539f\u56e0\uff1a\u4e0d\u540c\u5e73\u53f0\u7684\u6e32\u67d3\u5f15\u64ce\u5dee\u5f02\uff08\u5982Flutter\u7684Skia\u4e0eWeb\u7684CSS\uff09\uff1b \u89e3\u51b3\u65b9\u6848\uff1a \u4f7f\u7528\u54cd\u5e94\u5f0f\u8bbe\u8ba1\u6846\u67b6\uff08\u5982Bootstrap for Web\uff09\uff1b \u9488\u5bf9\u5e73\u53f0\u7279\u6027\u7f16\u5199\u6761\u4ef6\u4ee3\u7801\uff08\u5982React Native\u7684Platform.select()\uff09\uff1b \u901a\u8fc7\u89c6\u89c9\u56de\u5f52\u6d4b\u8bd5\u5de5\u5177\uff08\u5982Percy\uff09\u81ea\u52a8\u68c0\u6d4bUI\u504f\u5dee\u3002 2. API\u8bf7\u6c42\u5931\u8d25 \u9ad8\u9891\u95ee\u9898\uff1a\u8d85\u65f6\u3001\u8bc1\u4e66\u6821\u9a8c\u5931\u8d25\u3001\u8de8\u57df\uff08CORS\uff09\u9650\u5236\uff1b \u6392\u67e5\u6b65\u9aa4\uff1a \u68c0\u67e5\u7f51\u7edc\u5c42\u5c01\u88c5\u662f\u5426\u7edf\u4e00\uff08\u5982Retrofit for Android vs […]<\/p>\n","protected":false},"author":4,"featured_media":32406,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-32405","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-news"],"_links":{"self":[{"href":"https:\/\/www.yunshan.net\/blog\/wp-json\/wp\/v2\/posts\/32405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yunshan.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yunshan.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yunshan.net\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yunshan.net\/blog\/wp-json\/wp\/v2\/comments?post=32405"}],"version-history":[{"count":1,"href":"https:\/\/www.yunshan.net\/blog\/wp-json\/wp\/v2\/posts\/32405\/revisions"}],"predecessor-version":[{"id":32407,"href":"https:\/\/www.yunshan.net\/blog\/wp-json\/wp\/v2\/posts\/32405\/revisions\/32407"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yunshan.net\/blog\/wp-json\/wp\/v2\/media\/32406"}],"wp:attachment":[{"href":"https:\/\/www.yunshan.net\/blog\/wp-json\/wp\/v2\/media?parent=32405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yunshan.net\/blog\/wp-json\/wp\/v2\/categories?post=32405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yunshan.net\/blog\/wp-json\/wp\/v2\/tags?post=32405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}