{"id":1456,"date":"2026-04-10T15:55:29","date_gmt":"2026-04-10T07:55:29","guid":{"rendered":"http:\/\/www.xikestor.com\/?page_id=1456"},"modified":"2026-04-19T17:37:14","modified_gmt":"2026-04-19T09:37:14","slug":"network-switches","status":"publish","type":"page","link":"https:\/\/www.xikestor.com\/de\/network-switches\/","title":{"rendered":"network-switches"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1456\" class=\"elementor elementor-1456\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e344f4b e-con-full e-flex e-con e-parent\" data-id=\"7e344f4b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11195291 elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"11195291\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-efbac44 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\" aria-label=\"switch-banner\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">XikeStor 10G Series Switch<\/div><div class=\"elementor-slide-description\">Core switch series suitable for small and medium-sized enterprises or families<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Click Here<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-b096efc swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\" aria-label=\"\u77e9\u5f62 23\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Aluminum Alloy Series 2.5G Switches<\/div><div class=\"elementor-slide-description\">Compact, delicate and silent<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Learn More<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-9794072 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg elementor-ken-burns elementor-ken-burns--in\" role=\"img\" aria-label=\"\u8499\u7248\u5206\u7ec4\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Multi-port of Factor PoE Switches<\/div><div class=\"elementor-slide-description\">Suitable for large, medium and small enterprises as well as home security monitoring<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Learn More<\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Vorige slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Volgende slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69a134a5 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"69a134a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-575ad696 elementor-grid-mobile-1 elementor-grid-4 elementor-grid-tablet-2 elementor-widget elementor-widget-loop-grid\" data-id=\"575ad696\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"my-product-list\" data-settings=\"{&quot;template_id&quot;:304,&quot;columns_mobile&quot;:1,&quot;pagination_type&quot;:&quot;load_more_infinite_scroll&quot;,&quot;columns&quot;:4,&quot;_skin&quot;:&quot;post&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;load_more_spinner&quot;:{&quot;value&quot;:&quot;fas fa-spinner&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-loop-nothing-found-message\">\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12257877 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"12257877\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-763c3639 e-grid e-con-boxed e-con e-child\" data-id=\"763c3639\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-266896f2 e-con-full e-flex e-con e-child\" data-id=\"266896f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fcf34c elementor-widget elementor-widget-image\" data-id=\"2fcf34c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"175\" height=\"88\" src=\"https:\/\/www.xikestor.com\/wp-content\/uploads\/2026\/03\/\u5206\u7ec4-2.png\" class=\"attachment-large size-large wp-image-887\" alt=\"\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5517bce elementor-widget elementor-widget-text-editor\" data-id=\"5517bce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>10Gbps<br \/>Transmission Rate<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47f28c7c e-con-full e-flex e-con e-child\" data-id=\"47f28c7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33977e59 elementor-widget elementor-widget-image\" data-id=\"33977e59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"195\" height=\"83\" src=\"https:\/\/www.xikestor.com\/wp-content\/uploads\/2026\/03\/\u5206\u7ec4-5.png\" class=\"attachment-large size-large wp-image-888\" alt=\"\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bc1a579 elementor-widget elementor-widget-text-editor\" data-id=\"5bc1a579\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Supports Layer 2\/3\u00a0<\/p><p>Management<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68f501e8 e-con-full e-flex e-con e-child\" data-id=\"68f501e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d005b3a elementor-widget elementor-widget-image\" data-id=\"6d005b3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"149\" height=\"105\" src=\"https:\/\/www.xikestor.com\/wp-content\/uploads\/2026\/03\/\u5206\u7ec4-1.png\" class=\"attachment-large size-large wp-image-889\" alt=\"\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17e5f596 elementor-widget elementor-widget-text-editor\" data-id=\"17e5f596\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Significantly Improves<br \/>LAN speed<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c22ba7d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"5c22ba7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c019147 elementor-widget elementor-widget-heading\" data-id=\"6c019147\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">2.5G switches combining appearance and strength<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71a19b9b elementor-widget elementor-widget-heading\" data-id=\"71a19b9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Aluminum Alloy Series 2.5G Switches<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3211dc08 elementor-widget elementor-widget-heading\" data-id=\"3211dc08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Compact, delicate and silent<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45863009 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"45863009\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d0dc4c4 e-flex e-con-boxed e-con e-parent\" data-id=\"7d0dc4c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c5d33c6 elementor-widget elementor-widget-heading\" data-id=\"5c5d33c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Comparison of popular switches<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31b08dc elementor-widget elementor-widget-shortcode\" data-id=\"31b08dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n\r\n        \/* --- \u57fa\u7840\u6837\u5f0f --- *\/\r\n\r\n        .xike-compare-wrap { font-family: sans-serif; color: #333; width: 100%; margin: 0 auto; }\r\n\r\n        \r\n\r\n        \/* --- \u6838\u5fc3\u4fee\u6539 2\uff1a\u4e24\u7ea7\u7b5b\u9009\u5668\u6837\u5f0f (\u6a21\u4eff UniFi) --- *\/\r\n\r\n        .xike-filter-section { margin-bottom: 30px; background: #fff; padding: 15px 0;}\r\n\r\n        \r\n\r\n        \/* \u7b2c\u4e00\u7ea7\uff1a\u5168\u90e8\u5206\u7c7b Tabs *\/\r\n\r\n        .xike-tabs { display: flex; flex-wrap: wrap; gap: 10px; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; margin-bottom: 15px; }\r\n\r\n        .xike-tab { padding: 6px 16px; cursor: pointer; color: #666; font-size: 14px; border-radius: 20px; transition: all 0.2s; background: #f5f5f5; border: 1px solid transparent; }\r\n\r\n        .xike-tab:hover { background: #e9e9e9; }\r\n\r\n        .xike-tab.active { background: #f0f7ff; color: #007aff; border-color: #cce4ff; font-weight: 600; }\r\n\r\n        \r\n\r\n        \/* \u7b2c\u4e8c\u7ea7\uff1a\u5c5e\u6027\u4e0b\u62c9\u6846\/Checkbox *\/\r\n\r\n        .xike-attributes-bar { display: flex; flex-wrap: nowrap; gap: 12px; align-items: center; width: 100%; }\r\n\r\n        \r\n\r\n        \/* \u7c7b\u4f3c UniFi \u7684\u80f6\u56ca\u5f0f\u4e0b\u62c9\u6846 *\/\r\n\r\n        .xike-select-pill { \r\n\r\n\t\t     \twidth: 160px;\r\n\r\n            padding: 6px 30px 6px 14px; \r\n\r\n            border-radius: 20px; \r\n\r\n            border: 1px solid #e0e0e0; \r\n\r\n            font-size: 13px; \r\n\r\n            color: #333;\r\n\r\n            outline: none; \r\n\r\n            cursor: pointer; \r\n\r\n            appearance: none; \r\n\r\n            background: #fff url('data:image\/svg+xml;utf8,<svg width=\"10\" height=\"6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 0l5 5 5-5H0z\" fill=\"%23888\"\/><\/svg>') no-repeat right 12px center; \r\n\r\n            transition: border-color 0.2s;\r\n\r\n        }\r\n\r\n        .xike-select-pill:hover { border-color: #007aff; }\r\n\r\n        \r\n\r\n\t\t.xike-reset-btn { background-color: transparent !important; border: 1px solid #e0e0e0 !important; color: #007aff !important; font-size: 13px; cursor: pointer; padding: 6px 16px; border-radius: 20px; transition: background-color 0.2s ease; text-decoration: none !important; box-shadow: none !important; outline: none !important; }\r\n\r\n\t\t.xike-reset-btn:hover { background-color: #007aff !important; color: #ffffff !important; }\r\n\r\n\t\t.xike-reset-btn:active, .xike-reset-btn:focus { background-color: transparent !important; color: #007aff !important; box-shadow: none !important; outline: none !important; }\r\n\r\n        \/* \u7c7b\u4f3c UniFi \u7684 PoE \u52fe\u9009\u6846 *\/\r\n\r\n        .xike-checkbox-pill {\r\n\r\n            display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 20px; border: 1px solid #e0e0e0; font-size: 13px; cursor: pointer; transition: all 0.2s; user-select: none;\r\n\r\n        }\r\n\r\n        .xike-checkbox-pill:hover { border-color: #007aff; }\r\n\r\n  \t   .xike-checkbox-pill input { margin: 0; cursor: pointer; accent-color: #007aff; }\r\n\r\n        \r\n\r\n\t\t\t\/* --- \u4fee\u6539\u540e\u7684\u4ea7\u54c1\u7f51\u683c\u4e0e\u5361\u7247\u6837\u5f0f --- *\/\r\n\r\n\t\t\t\/* --- \u5f7b\u5e95\u89e3\u51b3\u9ad8\u5ea6\u7edf\u4e00\u95ee\u9898\u7684\u5b8c\u6574\u6837\u5f0f --- *\/\r\n\r\n\t\t\t.xike-grid { display: flex !important; overflow-x: auto; gap: 20px; margin-bottom: 50px; scrollbar-width: none; -ms-overflow-style: none; padding: 20px 5px; align-items: stretch !important; }\r\n\r\n\t\t\t.xike-grid::-webkit-scrollbar { display: none; }\r\n\r\n\t\t\t.xike-card { box-sizing: border-box !important; min-width: 280px; max-width: 280px; flex: 0 0 280px; height: 450px !important; border: 1px solid #eaeaea; border-radius: 12px; padding: 25px 20px; text-align: center; background: #fff; display: flex !important; flex-direction: column !important; justify-content: flex-start; transition: all 0.3s ease; position: relative; overflow: hidden; }\r\n\r\n\t\t\t.xike-card:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.1); transform: translateY(-5px); border-color: #007aff; }\r\n\r\n\t\t\t.xike-card img { width: 100%; height: 160px !important; min-height: 160px; object-fit: contain; margin: 0 auto 15px; display: block; flex-shrink: 0; }\r\n\r\n\t\t\t.xike-card h4 { font-size: 16px; font-weight: 600; margin: 0 0 10px; color: #111; height: 45px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; flex-shrink: 0; line-height: 1.4; }\r\n\r\n\t\t\t.xike-card p { font-size: 13px; color: #666; margin: 0 0 20px; height: 55px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5; flex-shrink: 0; }\r\n\r\n\t\t\t.xike-btn-group { margin-top: auto; display: flex; gap: 10px; justify-content: center; width: 100%; flex-shrink: 0; }\r\n\r\n\t\t\r\n\r\n\t\t\t.xike-grid-container { display: flex; align-items: center; position: relative; width: 100%; box-sizing: border-box; }\r\n\r\n\t\t\t.xike-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: #fff !important; border: 1px solid #007aff !important; border-radius: 50%; cursor: pointer; z-index: 999; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #007aff !important; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: all 0.2s ease; line-height: 1; }\r\n\r\n\t\t\t.xike-nav-btn:hover { background: #007aff !important; color: #fff !important; }\r\n\r\n\t\t\t.xike-nav-btn:active { transform: translateY(-50%) scale(0.9); background: #0056b3 !important; }\r\n\r\n\t\t\t.xike-nav-btn.left { left: -20px; }\r\n\r\n\t\t\t.xike-nav-btn.right { right: -20px; }\r\n\r\n\t\t\t@media (max-width: 768px) { .xike-nav-btn { display: none; } }\r\n\r\n\r\n\r\n\t\t\t\/* \u5f00\u542f\u5bb9\u5668\u76f8\u5bf9\u5b9a\u4f4d\uff0c\u4ee5\u4fbf\u5185\u90e8\u6ed1\u8f68\u7edd\u5bf9\u5b9a\u4f4d *\/\r\n\r\n\t\t\t.xike-grid {\r\n\r\n\t\t\t\tdisplay: flex !important;\r\n\r\n\t\t\t\tflex-wrap: nowrap !important;\r\n\r\n\t\t\t\toverflow-x: auto !important;\r\n\r\n\t\t\t\t-webkit-overflow-scrolling: touch; \/* \u4f18\u5316\u79fb\u52a8\u7aef\u5e73\u6ed1\u5ea6 *\/\r\n\r\n\t\t\t\tscroll-behavior: smooth;\r\n\r\n\t\t\t\tgap: 20px;\r\n\r\n\t\t\t\tpadding: 20px 0 60px 0; \/* \u5e95\u90e8\u7559\u591f\u7a7a\u95f4\u7ed9\u6ed1\u8f68 *\/\r\n\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\/* \u5fc5\u987b\uff1a\u56fa\u5b9a\u5361\u7247\u5bbd\u5ea6\uff0c\u9632\u6b62\u88ab flex \u538b\u7f29 *\/\r\n\r\n\t\t\t.xike-card {\r\n\r\n\t\t\t\tflex: 0 0 280px !important;\r\n\r\n\t\t\t\tmin-width: 280px !important;\r\n\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\/* \u8f68\u9053\u5bb9\u5668\uff1a\u589e\u52a0\u611f\u5e94\u533a\u9ad8\u5ea6\u5e76\u4fdd\u6301\u5c45\u4e2d *\/\r\n\r\n\t\t\t.xike-scrollbar-container { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 60%; height: 12px; background: transparent; border-radius: 6px; z-index: 1000; display: flex; align-items: center; cursor: pointer; }\r\n\r\n\r\n\r\n\t\t\t\/* \u8f68\u9053\u80cc\u666f\u7ebf\uff1a\u901a\u8fc7\u4f2a\u5143\u7d20\u5b9e\u73b0\u72ec\u7acb\u52a8\u753b *\/\r\n\r\n\t\t\t.xike-scrollbar-container::before { content: \"\"; position: absolute; width: 100%; height: 3px; background: #e0e0e0; border-radius: 4px; transition: height 0.3s ease, background 0.3s ease; }\r\n\r\n\r\n\r\n\t\t\t\/* \u6ed1\u5757\u57fa\u7840\u6837\u5f0f\uff1a\u53bb\u6389 left \u52a8\u753b\u4ee5\u4fdd\u8bc1\u62d6\u62fd\u8ddf\u624b *\/\r\n\r\n\t\t\t.xike-scrollbar-thumb { position: absolute; height: 3px; width: 0%; background: #007aff; border-radius: 4px; z-index: 2; transition: height 0.3s ease, background 0.3s ease; cursor: grab; touch-action: none; }\r\n\r\n\r\n\r\n\t\t\t\/* \u60ac\u505c\u72b6\u6001\uff1a\u8f68\u9053\u548c\u6ed1\u5757\u540c\u6b65\u53d8\u7c97 *\/\r\n\r\n\t\t\t.xike-scrollbar-container:hover::before { height: 6px; background: #d0d0d0; }\r\n\r\n\t\t\t.xike-scrollbar-container:hover .xike-scrollbar-thumb { height: 6px; background: #0056b3; }\r\n\r\n\r\n\r\n\t\t\t\/* \u6fc0\u6d3b\/\u62d6\u62fd\u72b6\u6001\uff1a\u4fdd\u6301\u7c97\u5ea6\u5e76\u5207\u6362\u624b\u578b *\/\r\n\r\n\t\t\t#xikeScrollbarThumb:active { cursor: grabbing; height: 6px; background: #004494; }\r\n\r\n\r\n\r\n\t\t\t\/* \u79fb\u52a8\u7aef\u9002\u914d *\/\r\n\r\n\t\t\t@media (max-width: 768px) { .xike-scrollbar-container { max-width: 80%; bottom: 10px; height: 16px; } }\r\n\r\n        \/* \u6309\u94ae\u4e0e\u8868\u683c\u6837\u5f0f\u4fdd\u6301\u539f\u6837 *\/\r\n\r\n        .xike-btn { padding: 8px 0; width: 100%; border-radius: 4px; cursor: pointer; font-size: 14px; background: transparent; border: 1px solid #007aff; color: #007aff; transition: all 0.2s; }\r\n\r\n        .xike-btn:hover { background: #f0f7ff; }\r\n\r\n        .xike-btn.remove { background: #007aff; color: #fff; }\r\n\r\n        .xike-btn.remove:hover { background: #005bb5; }\r\n\r\n        .xike-card-actions { display: flex; gap: 10px; margin-top: 15px; justify-content: center; }\r\n\r\n        .xike-btn-more { display: inline-block; padding: 8px 15px; font-size: 13px; color: #007aff; text-decoration: none; border: 1px solid #007aff; border-radius: 4px; transition: all 0.3s ease; background: transparent; }\r\n\r\n        .xike-btn-more:hover { background: #007aff; color: #fff; transform: translateY(-2px); }\r\n\r\n  \/* \u6309\u8868\u683c\u6837\u5f0f *\/\r\n\r\n\t\t\t \/* --- \u5f7b\u5e95\u8fd8\u539f\u56fe\u793a\u98ce\u683c (\u5355\u884c\u7248) --- *\/\r\n\r\n\t\t\t.xike-table-wrapper { width: 100%; overflow-x: auto; display: none; margin-top: 50px; padding-top: 20px; }\r\n\r\n\t\t\t.xike-table-wrapper.active { display: block; }\r\n\r\n\t\t\t.xike-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; table-layout: fixed; }\r\n\r\n\t\t\t.xike-table th, .xike-table td { padding: 25px 15px; border-bottom: 1px solid #f0f0f0; border-right: none !important; border-left: none !important; vertical-align: middle; }\r\n\r\n\t\t\t.xike-table th { background: #fff !important; font-weight: 500; color: #666; width: 250px; border-right: none !important; }\r\n\r\n\t\t\t.xike-table th img { width: 28px; height: auto; vertical-align: middle; margin-right: 15px; filter: none !important;      \/* \u5f3a\u5236\u53d6\u6d88\u7070\u8272 *\/\r\nopacity: 1 !important;       \/* \u6062\u590d\u5b8c\u5168\u4e0d\u900f\u660e *\/ }\r\n\r\n\t\t\t.xike-th-product { text-align: center !important; background: #fff !important; border-bottom: 1px solid #f0f0f0 !important; position: relative; padding: 20px 10px !important; }\r\n\r\n\t\t\t.xike-th-product img { width: auto !important; height: 110px !important; max-width: 100% !important; object-fit: contain; margin: 0 auto 15px !important; }\r\n\r\n\t\t\t.xike-th-product div { font-weight: 700; color: #111; font-size: 16px; margin-top: 10px; }\r\n\r\n\t\t\t.xike-placeholder-box { border: 2px dashed #e5e5e5; border-radius: 15px; padding: 40px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #aaa; font-size: 13px; background: #fff; min-height: 200px; margin: 10px; }\r\n\r\n\t\t\t.xike-placeholder-box span { font-size: 40px; margin-bottom: 15px; color: #ddd; font-weight: 200; }\r\n\r\n\t\t\t.xike-table-remove-item { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; background: #f5f5f5; color: #999; border-radius: 50%; cursor: pointer; border: none; display: flex !important; align-items: center; justify-content: center; font-size: 12px; transition: all 0.2s; }\r\n\r\n\t\t\t.xike-table-remove-item:hover { background: #ff4d4f; color: #fff; }\r\n\t\t\r\n@media screen and (max-width: 768px) {\r\n    .xike-table { display: table !important; min-width: 850px !important; table-layout: fixed !important; border-collapse: collapse !important; }\r\n    .xike-table th { width: 130px !important; padding: 15px 10px !important; font-size: 13px !important; line-height: 1.4 !important; color: #333 !important; text-align: left !important; word-wrap: break-word !important; }\r\n    .xike-table td { width: 180px !important; padding: 15px 10px !important; font-size: 13px !important; line-height: 1.4 !important; vertical-align: middle !important; }\r\n    .xike-th-product { width: 180px !important; padding: 10px !important; }\r\n    .xike-th-product div { font-size: 12px !important; line-height: 1.3 !important; height: auto !important; min-height: 32px !important; white-space: normal !important; overflow: visible !important;text-align: center !important; }\r\n    .xike-placeholder-box { min-height: 140px !important; padding: 15px !important; border: 1px dashed #ccc !important; font-size: 12px !important; line-height: 1.4 !important; }\r\n\t.xike-table th i, .xike-table th img { display: block!important;align-items: center; margin-bottom: 5px !important; width: 80px ; height: 80px ; }\r\n\t.xike-table img.svg-table {display: block !important; width: 30px !important;height: 30px !important;object-fit: contain; margin-bottom: 0 !important; flex-shrink: 0; }\r\n    .xike-attributes-bar { flex-wrap: wrap !important; gap: 10px !important; padding: 10px 0 !important; }\r\n    .xike-select-pill, .xike-checkbox-pill { width: calc(50% - 5px) !important; height: 36px !important; font-size: 12px !important; box-sizing: border-box !important; }\r\n    .xike-reset-btn { width: 100% !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 5px !important; }\r\n    .xike-tabs { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; gap: 8px !important; padding-bottom: 10px !important; border-bottom: 1px solid #eee !important; }\r\n    .xike-tab { flex: 0 0 auto !important; white-space: nowrap !important; padding: 6px 15px !important; font-size: 13px !important; }\r\n    .xike-table-wrapper { display: block !important; width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }\r\n}\r\n    <\/style>\r\n\r\n    <div class=\"xike-compare-wrap\">\r\n        \r\n        <div class=\"xike-filter-section\">\r\n            <div class=\"xike-tabs\" id=\"xikeTabs\"><\/div>\r\n            \r\n            <div class=\"xike-attributes-bar\">\r\n                <label class=\"xike-checkbox-pill\">\r\n                    <input type=\"checkbox\" id=\"filterPoE\" onchange=\"applyFilters()\"> PoE\r\n                <\/label>\r\n                \r\n                <select id=\"filterPorts\" class=\"xike-select-pill\" onchange=\"applyFilters()\">\r\n\t\t\t\t\t\t<option value=\"All\">Port Count<\/option>\r\n\t\t\t\t\t\t<option value=\"0-10\">&le; 10<\/option>\r\n\t\t\t\t\t\t<option value=\"11-24\">11 - 24<\/option>\r\n\t\t\t\t\t\t<option value=\"25-30\">25 - 30<\/option>\r\n\t\t\t\t\t\t<option value=\"31-999\">&gt; 30<\/option>\r\n                <\/select>\r\n                \r\n                <select id=\"filterSpeed\" class=\"xike-select-pill\" onchange=\"applyFilters()\">\r\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<option value=\"All\">Speed<\/option>\r\n                    <option value=\"2.5G\">2.5G<\/option>\r\n                    <option value=\"10G\">10G<\/option>\r\n                <\/select>\r\n\t\t\t     \t<button type=\"button\" class=\"xike-reset-btn\" onclick=\"resetFilters()\">Reset<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"xike-tabs\" id=\"xikeTabs\"><\/div>\r\n\r\n\t\t\t<div class=\"xike-grid-container\">\r\n\t\t\t<button class=\"xike-nav-btn left\" onclick=\"scrollGrid(-300)\">\u276e<\/button>\r\n\r\n\t\t\t<div class=\"xike-grid\" id=\"xikeGrid\">\r\n        <\/div>\r\n\r\n\t\t\t<button class=\"xike-nav-btn right\" onclick=\"scrollGrid(300)\">\u276f<\/button>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"xike-scrollbar-container\" id=\"xikeScrollbarContainer\">\r\n        <div class=\"xike-scrollbar-thumb\" id=\"xikeScrollbarThumb\"><\/div>\r\n  \t\t\t\t  <\/div>\r\n\t\t\t\t<\/div>\r\n        <div class=\"xike-table-wrapper\" id=\"xikeTableWrapper\">\r\n            <table class=\"xike-table\" id=\"xikeTable\"><\/table>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n\t\t\t\t\/\/ \u63a7\u5236\u5de6\u53f3\u6ed1\u52a8\u7684\u51fd\u6570\r\n\t\twindow.scrollGrid = function(distance) {\r\n\t\t\tconst grid = document.getElementById('xikeGrid');\r\n\t\t\tif (grid) {\r\n\t\t\t\tgrid.scrollBy({\r\n\t\t\t\t\tleft: distance,\r\n\t\t\t\t\tbehavior: 'smooth' \/\/ \u5e73\u6ed1\u6eda\u52a8\u6548\u679c\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t};\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n\t\t\t const products = [{\"id\":1996,\"category\":\"Layer 3\",\"name\":\"SKS8300-48X6C\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS8300-48X6C-1.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks8300-48x6c\\\/\",\"desc\":\"48*10G SFP+ 6*100G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"48*10G SFP+ 6*100G SFP+\",\"downlink\":\"100G\",\"uplink\":\"100G\",\"capacity\":\"2160Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"L3\",\"casing\":\"Iron\"}},{\"id\":1991,\"category\":\"Layer 3\",\"name\":\"SKS8300-24E6X-P\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS8300-24E6X-P-1.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks8300-24e6x-p\\\/\",\"desc\":\"24*2.5G PoE Ethernet Ports 6*10G SFP+\",\"is_poe\":true,\"specs\":{\"ports\":\"24*2.5G PoE Ethernet Ports 6*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"240Gbps\",\"poePorts\":\"24 IEEE 802.3af\\\/at\",\"poePower\":\"MAX:450W\",\"managed\":\"L3\",\"casing\":\"Iron\"}},{\"id\":1984,\"category\":\"Layer 3\",\"name\":\"SKS8300-24E6X\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS8300-24E6X-1.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks8300-24e6x\\\/\",\"desc\":\"24*2.5G RJ45 6*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"24*2.5G RJ45 6*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"240Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"L3\",\"casing\":\"Iron\"}},{\"id\":1979,\"category\":\"Layer 3\",\"name\":\"SKS8310-24X2C\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS8310-24X2C-1.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks8310-24x2c\\\/\",\"desc\":\"24*10G SFP+ 2*100G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"24*10G SFP+ 2*100G SFP+\",\"downlink\":\"100G\",\"uplink\":\"100G\",\"capacity\":\"880Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"L3\",\"casing\":\"Iron\"}},{\"id\":1964,\"category\":\"Layer 3\",\"name\":\"SKS8310-48E4X2Q\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS8310-48E4X2Q-1.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks8310-48e4x2q\\\/\",\"desc\":\"48*2.5G RJ45 2*10G SFP+ 2*40G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"48*2.5G RJ45 2*10G SFP+ 2*40G SFP+\",\"downlink\":\"40G\",\"uplink\":\"40G\",\"capacity\":\"880Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"L3\",\"casing\":\"Iron\"}},{\"id\":1956,\"category\":\"Layer 2\",\"name\":\"SKS7300-8F4X\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS7300-8F4X-3.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks7300-8f4x\\\/\",\"desc\":\"8*5G RJ45 4*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"8*5G RJ45 4*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"160Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"L2\",\"casing\":\"Iron\"}},{\"id\":1943,\"category\":\"Simple\",\"name\":\"SKS3200-8E2X-P\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/f-1.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks3200-8e2x-p\\\/\",\"desc\":\"8*2.5G PoE Ethernet Ports 2*10G SFP+\",\"is_poe\":true,\"specs\":{\"ports\":\"8*2.5G PoE Ethernet Ports 2*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"80Gbps\",\"poePorts\":\"8 IEEE 802.3af\\\/at\",\"poePower\":\"MAX:100W\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":1936,\"category\":\"Unmanaged\",\"name\":\"SKS1250G-P\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS1250G-P-3.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1250g-p\\\/\",\"desc\":\"48*1G RJ45 2*1G SFP+\",\"is_poe\":true,\"specs\":{\"ports\":\"48*1G RJ45 2*1G SFP+\",\"downlink\":\"1G\",\"uplink\":\"1G\",\"capacity\":\"100Gbps\",\"poePorts\":\"48 IEEE 802.3af\\\/at\",\"poePower\":\"MAX:800W\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":1929,\"category\":\"Unmanaged\",\"name\":\"SKS1208G\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS1208G-3.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1208g\\\/\",\"desc\":\"8*1G RJ45\",\"is_poe\":false,\"specs\":{\"ports\":\"8*1G RJ45\",\"downlink\":\"1G\",\"uplink\":\"1G\",\"capacity\":\"16Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":1920,\"category\":\"Unmanaged\",\"name\":\"SKS1205G\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS1205G-1.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1205g\\\/\",\"desc\":\"5*1G RJ45\",\"is_poe\":false,\"specs\":{\"ports\":\"5*1G RJ45\",\"downlink\":\"1G\",\"uplink\":\"1G\",\"capacity\":\"10Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":1917,\"category\":\"Unmanaged\",\"name\":\"SKS1224GR\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS1224GR-5.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1224gr\\\/\",\"desc\":\"24*1G RJ45\",\"is_poe\":false,\"specs\":{\"ports\":\"24*1G RJ45\",\"downlink\":\"1G\",\"uplink\":\"1G\",\"capacity\":\"48Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":1895,\"category\":\"Unmanaged\",\"name\":\"SKS1228G-P\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS1228G-P-6.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1228g-p\\\/\",\"desc\":\"24*1G PoE Ethernet Ports 2*1G RJ45 2*1G SFP+\",\"is_poe\":true,\"specs\":{\"ports\":\"24*1G PoE Ethernet Ports 2*1G RJ45 2*1G SFP+\",\"downlink\":\"1G\",\"uplink\":\"1G\",\"capacity\":\"56Gbps\",\"poePorts\":\"24 IEEE 802.3af\\\/at\",\"poePower\":\"MAX:400W\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":1887,\"category\":\"Unmanaged\",\"name\":\"SKS1218G-P\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS1218G-P-1.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1218g-p\\\/\",\"desc\":\"16*1G PoE Ethernet Ports 2*1G RJ45\",\"is_poe\":true,\"specs\":{\"ports\":\"16*1G PoE Ethernet Ports 2*1G RJ45\",\"downlink\":\"1G\",\"uplink\":\"1G\",\"capacity\":\"36Gbps\",\"poePorts\":\"16 IEEE 802.3af\\\/at\",\"poePower\":\"MAX:250W\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":1878,\"category\":\"Unmanaged\",\"name\":\"SKS1211G-P\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS1211G-P-1.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1211g-p\\\/\",\"desc\":\"8*1G PoE Ethernet Ports 2*1G RJ45 1*1G SFP+\",\"is_poe\":true,\"specs\":{\"ports\":\"8*1G PoE Ethernet Ports 2*1G RJ45 1*1G SFP+\",\"downlink\":\"1G\",\"uplink\":\"1G\",\"capacity\":\"12Gbps\",\"poePorts\":\"8 IEEE 802.3af\\\/at\",\"poePower\":\"MAX:120W\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":1872,\"category\":\"Unmanaged\",\"name\":\"SKS1200-16E2X\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS1200-16E2X-3.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1200-16e2x\\\/\",\"desc\":\"16*2.5G RJ45 2*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"16*2.5G RJ45 2*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"120Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":1860,\"category\":\"Unmanaged\",\"name\":\"SKS1200-8E2X-P\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/f.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1200-8e2x-p\\\/\",\"desc\":\"8*2.5G PoE Ethernet Ports 2*10G SFP+\",\"is_poe\":true,\"specs\":{\"ports\":\"8*2.5G PoE Ethernet Ports 2*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"80Gbps\",\"poePorts\":\"8 IEEE 802.3af\\\/at\",\"poePower\":\"MAX:100W\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":1845,\"category\":\"Unmanaged\",\"name\":\"SKS1200-5E2X\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS1200-5E2X-3.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1200-5e2x\\\/\",\"desc\":\"5*2.5G RJ45 2*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"5*2.5G RJ45 2*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"65Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"Unmanaged\",\"casing\":\"Aluminum Alloy\"}},{\"id\":1527,\"category\":\"Simple\",\"name\":\"SKS3200-8E1X-P\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS3200-8E1X-P-front.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks3200-8e1x-p\\\/\",\"desc\":\"8*2.5G PoE Ethernet Ports 1*10G SFP+\",\"is_poe\":true,\"specs\":{\"ports\":\"8*2.5G PoE Ethernet Ports 1*10G SFP+\",\"downlink\":\"2.5G\",\"uplink\":\"10G\",\"capacity\":\"60Gbps\",\"poePorts\":\"8 IEEE 802.3af\\\/at\",\"poePower\":\"MAX:140W\",\"managed\":\"Simple\",\"casing\":\"Iron\"}},{\"id\":1185,\"category\":\"Layer 2\",\"name\":\"SKS7300-8GPY4XGS-P\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS7300-8GPY4XGS-P-front.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks7300-8gpy4xgs-p\\\/\",\"desc\":\"8*2.5G PoE Ethernet Ports 4*10G SFP+\",\"is_poe\":true,\"specs\":{\"ports\":\"8*2.5G PoE Ethernet Ports 4*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"120Gbps\",\"poePorts\":\"8 IEEE 802.3af\\\/at\",\"poePower\":\"MAX:124W\",\"managed\":\"L2\",\"casing\":\"Iron\"}},{\"id\":1171,\"category\":\"Layer 2\",\"name\":\"SKS7300-8GPY4XGS\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS7300-8GPY4XGS-front.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks7300-8gpy4xgs\\\/\",\"desc\":\"8*2.5G RJ45 4*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"8*2.5G RJ45 4*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"120Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"L2\",\"casing\":\"Iron\"}},{\"id\":1158,\"category\":\"Unmanaged\",\"name\":\"SKS1200-8E2X\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS1200-8E2X-front.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1200-8e2x\\\/\",\"desc\":\"8*2.5G RJ45 2*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"8*2.5G RJ45 2*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"80Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":1148,\"category\":\"Unmanaged\",\"name\":\"SKS1200-4GPY2XF-P\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS1200-4GPY2XF-P-front.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1200-4gpy2xf-p\\\/\",\"desc\":\"4*2.5G PoE Ethernet Ports 2*10GE SFP+\",\"is_poe\":true,\"specs\":{\"ports\":\"4*2.5G PoE Ethernet Ports 2*10GE SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"60Gbps\",\"poePorts\":\"4 IEEE 802.3af\\\/at\",\"poePower\":\"MAX:75W\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":1135,\"category\":\"Unmanaged\",\"name\":\"SKS1200-4GPY2XF\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS1200-4GPY2XF-front.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1200-4gpy2xf\\\/\",\"desc\":\"4*2.5G PoE Ethernet Ports 2*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"4*2.5G PoE Ethernet Ports 2*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"60Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":1101,\"category\":\"Layer 3\",\"name\":\"SKS8300-6Q2C\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS8300-6Q2C-front.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks8300-6q2c\\\/\",\"desc\":\"6*40G SFP+ 2*100G QSFP28\",\"is_poe\":false,\"specs\":{\"ports\":\"6*40G SFP+ 2*100G QSFP28\",\"downlink\":\"100G\",\"uplink\":\"100G\",\"capacity\":\"880Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"L3\",\"casing\":\"Iron\"}},{\"id\":1076,\"category\":\"Layer 3\",\"name\":\"SKS8300-12X\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS8300-12X-front1.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks8300-12x\\\/\",\"desc\":\"12*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"12*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"240Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"L3\",\"casing\":\"Iron\"}},{\"id\":1062,\"category\":\"Layer 3\",\"name\":\"SKS8300-12E2T2X\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS8300-12E2T2X-front.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks8300-12e2t2x\\\/\",\"desc\":\"12*2.5G RJ45 2*10G RJ45 2*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"12*2.5G RJ45 2*10G RJ45 2*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"140Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"L3\",\"casing\":\"Iron\"}},{\"id\":1047,\"category\":\"Layer 2\",\"name\":\"SKS7300-4X4T\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS7300-4X4T-front.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks8300-4x4t\\\/\",\"desc\":\"4*10G RJ45 4*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"4*10G RJ45 4*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"160Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"L2\",\"casing\":\"Iron\"}},{\"id\":1029,\"category\":\"Layer 3\",\"name\":\"SKS8300-8T\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS8300-8T-front1.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks8300-8t-2\\\/\",\"desc\":\"8*10G RJ45\",\"is_poe\":false,\"specs\":{\"ports\":\"8*10G RJ45\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"160Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"L3\",\"casing\":\"Iron\"}},{\"id\":1013,\"category\":\"Layer 3\",\"name\":\"SKS8310-8X\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS8310-8X-2.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks8310-8x\\\/\",\"desc\":\"8*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"8*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"160Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"L3\",\"casing\":\"Iron\"}},{\"id\":998,\"category\":\"Simple\",\"name\":\"SKS3200-5E2X\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/front-2.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks3200-5e2x\\\/\",\"desc\":\"5*2.5G RJ45 2*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"5*2.5G RJ45 2*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"65Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"Simple\",\"casing\":\"Aluminum Alloy\"}},{\"id\":983,\"category\":\"Simple\",\"name\":\"SKS3200-5E1X\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/back-1.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks3200-5e1x\\\/\",\"desc\":\"5*2.5G RJ45 1*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"5*2.5G RJ45 1*10G SFP+\",\"downlink\":\"2.5G\",\"uplink\":\"10G\",\"capacity\":\"45Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"Simple\",\"casing\":\"Aluminum Alloy\"}},{\"id\":969,\"category\":\"Simple\",\"name\":\"SKS3200-8E1X\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/front.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks3200-8e1x\\\/\",\"desc\":\"8*2.5G RJ45 1*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"8*2.5G RJ45 1*10G SFP+\",\"downlink\":\"2.5G\",\"uplink\":\"10G\",\"capacity\":\"60Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"Simple\",\"casing\":\"Aluminum Alloy\"}},{\"id\":952,\"category\":\"Simple\",\"name\":\"SKS3200-8E2X\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/SKS3200-8E2X-front.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks3200-8e2x\\\/\",\"desc\":\"8*2.5G RJ45 2*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"8*2.5G RJ45 2*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"80Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"Simple\",\"casing\":\"Iron\"}},{\"id\":229,\"category\":\"Simple\",\"name\":\"SKS3200-4E2X\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/R3-scaled.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks3200-4e2x\\\/\",\"desc\":\"4*2.5 RJ45 ports 2*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"4*2.5 RJ45 ports 2*10G SFP+\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"60Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"Simple\",\"casing\":\"Aluminum Alloy\"}},{\"id\":223,\"category\":\"Layer 3\",\"name\":\"SKS8300-8T\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/SKS8300-8T0000.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks8300-8t\\\/\",\"desc\":\"8*10G RJ45 ports\",\"is_poe\":false,\"specs\":{\"ports\":\"8*10G RJ45 ports\",\"downlink\":\"10G\",\"uplink\":\"10G\",\"capacity\":\"160Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"L3\",\"casing\":\"Iron\"}},{\"id\":216,\"category\":\"Unmanaged\",\"name\":\"SKS1200-8GPY1XF-P\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/SKS1200-8GPY1XF-P0000.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1200-8gpy1xf-p\\\/\",\"desc\":\"8*2.5G PoE Ethernet ports 1*10GE SFP+\",\"is_poe\":true,\"specs\":{\"ports\":\"8*2.5G PoE Ethernet ports 1*10GE SFP+\",\"downlink\":\"2.5G\",\"uplink\":\"10G\",\"capacity\":\"60Gbps\",\"poePorts\":\"8 IEEE 802.3af\\\/at\",\"poePower\":\"MAX:120W\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}},{\"id\":209,\"category\":\"Unmanaged\",\"name\":\"SKS1200-5GYP1XF\",\"img\":\"https:\\\/\\\/www.xikestor.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/04.webp\",\"link\":\"https:\\\/\\\/www.xikestor.com\\\/de\\\/product\\\/sks1200-5gyp1xf\\\/\",\"desc\":\"5*2.5 RJ45 ports 1*10G SFP+\",\"is_poe\":false,\"specs\":{\"ports\":\"5*2.5 RJ45 ports 1*10G SFP+\",\"downlink\":\"2.5G\",\"uplink\":\"10G\",\"capacity\":\"45Gbps\",\"poePorts\":\"-\",\"poePower\":\"-\",\"managed\":\"Unmanaged\",\"casing\":\"Iron\"}}];\r\n        \r\n        \/\/ \u6838\u5fc3\u4fee\u6539\uff1a\u76f4\u63a5\u5199\u6b7b\u4f60\u8981\u6c42\u7684\u4e25\u683c\u6392\u5e8f\uff0c\u5f7b\u5e95\u89e3\u51b3\u4e4b\u524d\u6392\u5e8f\u6df7\u4e71\u7684\u95ee\u9898\r\n        const categories = ['ALL(Switch)', 'Unmanaged', 'Simple', 'Layer 2', 'Layer 3'];\r\n        \r\n        const specDefinitions = [\r\n            { key: 'ports', label: 'Ports Count', icon: '\/wp-content\/uploads\/2026\/03\/\u56fe\u5c42_1-2.svg' },\r\n            { key: 'downlink', label: 'Downlink Speed', icon: '\/wp-content\/uploads\/2026\/03\/Downlink-Speed.svg' },\r\n            { key: 'uplink', label: 'Uplink Speed', icon: '\/wp-content\/uploads\/2026\/03\/Uplink-Speed.svg' },\r\n            { key: 'capacity', label: 'Switching Capacity', icon: '\/wp-content\/uploads\/2026\/03\/Switch-Capacity.svg' },\r\n            { key: 'poePorts', label: 'PoE Ports', icon: '\/wp-content\/uploads\/2026\/03\/PoE-Ports.svg' },\r\n            { key: 'poePower', label: 'PoE Power', icon: '\/wp-content\/uploads\/2026\/03\/PoE-Power.svg' },\r\n            { key: 'managed', label: 'Managed Layer', icon: '\/wp-content\/uploads\/2026\/03\/Managed-Layer.svg' },\r\n            { key: 'casing', label: 'Casing Material', icon: '\/wp-content\/uploads\/2026\/03\/Casing-Material.svg' }\r\n        ];\r\n\r\n \u00a0 \u00a0 \u00a0 \u00a0let currentCategory = 'ALL(Switch)';\r\n        let compareList = [];\r\n\r\n        const domTabs = document.getElementById('xikeTabs');\r\n        const domGrid = document.getElementById('xikeGrid');\r\n        const domTableWrapper = document.getElementById('xikeTableWrapper');\r\n        const domTable = document.getElementById('xikeTable');\r\n\t\t\r\n\t\t\t\/\/ \u83b7\u53d6\u5e38\u7528\u7684 DOM \u5143\u7d20\r\n        const domThumb = document.getElementById('xikeScrollbarThumb');\r\n        const domContainer = document.getElementById('xikeScrollbarContainer');\r\n        \/\/ \u83b7\u53d6\u8fc7\u6ee4\u5668 DOM\r\n        const elPoE = document.getElementById('filterPoE');\r\n        const elPorts = document.getElementById('filterPorts');\r\n        const elSpeed = document.getElementById('filterSpeed');\r\n\r\n\t\t\t\r\n\t\t\t\t\/\/ \u5c06 PHP \u7684\u5206\u7c7b\u540d\u79f0\u6620\u5c04\u5230\u4f60\u7684 JS \u903b\u8f91\u540d\u79f0\r\n\t\t\t\t\/\/ \u5047\u8bbe\u4f60\u7684\u6570\u636e\u91cc\u53eb \"Simple\"\uff0c\u4f46 WP \u5206\u7c7b\u540d\u53ef\u80fd\u53eb \"Simple Managed\"\r\n\t\t\t\tconst phpCategoryName = \"ALL(Switch)\";\r\n\r\n\t\t\t\tconst slugMap = { \r\n\t\t\t\t\t'smart-web-management': 'Simple', \/\/ \u5de6\u4fa7\u586b WP \u540e\u53f0\u771f\u5b9e\u7684\u5206\u7c7b\u540d\u79f0\r\n\t\t\t\t\t'l2-managed-smart-switches': 'Layer 2', \r\n\t\t\t\t\t'l3-enterprise-core-switches': 'Layer 3', \r\n\t\t\t\t\t'unmanaged-ethernet-switches': 'Unmanaged' \r\n\t\t\t\t};\r\n\r\n\t\t\t\t\/\/ \u521d\u59cb\u8d4b\u503c\r\n\t\t\t\tif (typeof currentCategory === 'undefined') {\r\n\t\t\t\twindow.currentCategory = 'ALL(Switch)'; \/\/ \u4f7f\u7528 window \u6302\u8f7d\u53ef\u4ee5\u6709\u6548\u907f\u514d\u91cd\u590d\u58f0\u660e\u62a5\u9519\r\n\t\t\t}\r\n\r\n\r\n\t\twindow.currentCategory = phpCategoryName || 'ALL(Switch)';\r\n        \/\/ \u6e32\u67d3\u5206\u7c7b Tabs\r\n        function renderTabs() {\r\n            domTabs.innerHTML = '';\r\n            categories.forEach(cat => {\r\n                const tab = document.createElement('div');\r\n                tab.className = `xike-tab ${cat === currentCategory ? 'active' : ''}`;\r\n                \/\/ \u8ba1\u7b97\u6bcf\u4e2a\u5206\u7c7b\u4e0b\u7684\u4ea7\u54c1\u6570\u91cf\uff08\u7528\u4e8e\u663e\u793a\u62ec\u53f7\u5185\u7684\u6570\u5b57\uff0c\u7c7b\u4f3c UniFi\uff09\r\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0const count = cat === 'ALL(Switch)' ? products.length : products.filter(p => p.category === cat).length;\r\n                tab.innerText = `${cat} (${count})`;\r\n                \r\n                tab.onclick = () => { \r\n                    currentCategory = cat; \r\n                    renderTabs(); \/\/ \u66f4\u65b0\u6fc0\u6d3b\u72b6\u6001\r\n                    applyFilters(); \/\/ \u89e6\u53d1\u91cd\u65b0\u7b5b\u9009\r\n                };\r\n                domTabs.appendChild(tab);\r\n            });\r\n        }\r\n\r\n        \/\/ \u6838\u5fc3\u4fee\u6539 4\uff1a\u8054\u5408\u7b5b\u9009\u903b\u8f91\r\n        window.applyFilters = function() {\r\n            const needsPoE = elPoE.checked;\r\n            const portVal = elPorts.value;\r\n            const speedVal = elSpeed.value;\r\n\r\n\t\t\t const filtered = products.filter(p => {\r\n\t\t\t\t\/\/ \u6838\u5fc3\u4fee\u6539\uff1a\u786e\u4fdd\u4ea7\u54c1\u5fc5\u987b\u5c5e\u4e8e categories \u6570\u7ec4\u4e2d\u7684\u56db\u4e2a\u5206\u7c7b\u4e4b\u4e00\r\n\t\t\t\t\/\/ \u8fd9\u6837\u5373\u4fbf\u6570\u636e\u4e2d\u6709 NAS\uff0c\u4e5f\u4e0d\u4f1a\u5728 'ALL(Switch)' \u4e0b\u663e\u793a\r\n\t\t\t\tif (currentCategory === 'ALL(Switch)') {\r\n\t\t\t\t\tif (!['Unmanaged', 'Simple', 'Layer 2', 'Layer 3'].includes(p.category)) return false;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (p.category !== currentCategory) return false;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t\/\/ \u539f\u6709\u7684 PoE, Ports, Speed \u903b\u8f91\u4fdd\u6301\u4e0d\u53d8...\r\n\t\t\t\tif (needsPoE && !p.is_poe) return false;\r\n\t\t\t\t\/\/ ... \u540e\u7eed\u4ee3\u7801\r\n\r\n\/\/ 3. \u5224\u65ad\u7aef\u53e3\u6570\u91cf\r\nif (portVal !== 'All') {\r\n    const rawPortString = p.specs.ports || \"\"; \/\/ \u5047\u8bbe\u683c\u5f0f\u4e3a \"24*1G + 4*10G SFP+\"\r\n    \r\n    \/\/ \u903b\u8f91\uff1a\u5339\u914d\u6240\u6709\u7d27\u8ddf\u5728 * \u4e4b\u524d\u7684\u6570\u5b57\u5e76\u6c42\u548c\r\n    \/\/ \u4f7f\u7528\u6b63\u5219 \\d+(?=\\*) \u5339\u914d\u6240\u6709\u540e\u9762\u8ddf\u7740 * \u7684\u6570\u5b57\r\n    const portMatches = rawPortString.match(\/\\d+(?=\\*)\/g); \r\n    \r\n    \/\/ \u5982\u679c\u5339\u914d\u5230\u4e86\u6570\u5b57\u5219\u6c42\u548c\uff0c\u5426\u5219\u9ed8\u8ba4\u4e3a 0\r\n    const totalPorts = portMatches \r\n        ? portMatches.reduce((sum, num) => sum + parseInt(num), 0) \r\n        : 0;\r\n\r\n\t\t\t\t\t\t\t\/\/ \u6839\u636e\u4f60\u4e4b\u524d\u8bbe\u7f6e\u7684\u533a\u95f4 value \u8fdb\u884c\u903b\u8f91\u5224\u65ad\r\n\t\t\t\t\t\t\tif (portVal === \"0-10\") {\r\n\t\t\t\t\t\t\t\tif (totalPorts > 10) return false;\r\n\t\t\t\t\t\t\t} else if (portVal === \"11-24\") {\r\n\t\t\t\t\t\t\t\tif (totalPorts < 11 || totalPorts > 24) return false;\r\n\t\t\t\t\t\t\t} else if (portVal === \"25-30\") {\r\n\t\t\t\t\t\t\t\tif (totalPorts < 25 || totalPorts > 30) return false;\r\n\t\t\t\t\t\t\t} else if (portVal === \"31-999\") {\r\n\t\t\t\t\t\t\t\tif (totalPorts <= 30) return false;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n                \/\/ 4. \u5224\u65ad\u4e0b\u884c\u901f\u7387\r\n                if (speedVal !== 'All') {\r\n                    \/\/ \u68c0\u67e5\u4e0b\u884c\u901f\u7387\u5b57\u7b26\u4e32\u4e2d\u662f\u5426\u5305\u542b \"2.5G\" \u6216 \"10G\"\r\n                    const dl = p.specs.downlink.toUpperCase();\r\n                    if (!dl.includes(speedVal.toUpperCase())) return false;\r\n                }\r\n\r\n                return true;\r\n            });\r\n\t\t\t\/\/\u91cd\u7f6e\r\n\t\t\t\twindow.resetFilters = function() {\r\n\t\t\t\t\t\/\/ 1. \u91cd\u7f6e PoE \u590d\u9009\u6846 (\u53d6\u6d88\u52fe\u9009)\r\n\t\t\t\t\telPoE.checked = false;\r\n\r\n\t\t\t\t\t\/\/ 2. \u91cd\u7f6e\u7aef\u53e3\u6570\u91cf\u4e0b\u62c9\u6846 (\u8bbe\u4e3a\u9ed8\u8ba4\u503c \"All\")\r\n\t\t\t\t\telPorts.value = 'All';\r\n\r\n\t\t\t\t\t\/\/ 3. \u91cd\u7f6e\u901f\u7387\u4e0b\u62c9\u6846 (\u8bbe\u4e3a\u9ed8\u8ba4\u503c \"All\")\r\n\t\t\t\t\telSpeed.value = 'All';\r\n\r\n\t\t\t\t\t\/\/ 4. \u8c03\u7528\u73b0\u6709\u7684\u7b5b\u9009\u903b\u8f91\uff0c\u5237\u65b0\u9875\u9762\u663e\u793a\u7684\u4ea7\u54c1\r\n\t\t\t\t\twindow.applyFilters();\r\n\t\t\t\t};\r\n            renderGrid(filtered);\r\n        };\r\n\r\n        \/\/ \u6e32\u67d3\u4ea7\u54c1\u5361\u7247 (\u63a5\u6536\u7b5b\u9009\u540e\u7684\u6570\u7ec4)\r\n\t\t\t\tfunction renderGrid(filteredList) {\r\n\t\t\t\t\tdomGrid.innerHTML = '';\r\n\r\n\t\t\t\t\tif (filteredList.length === 0) {\r\n\t\t\t\t\t\tdomGrid.innerHTML = '<div class=\"xike-no-results\">No products match your filter criteria.<\/div>';\r\n\t\t\t\t\t\tif(document.getElementById('xikeScrollbarContainer')) document.getElementById('xikeScrollbarContainer').style.opacity = '0';\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfilteredList.forEach(p => {\r\n\t\t\t\t\t\tconst isCompared = compareList.find(item => item.id === p.id);\r\n\t\t\t\t\t\tconst btnText = isCompared ? '\u2715 Remove' : '+ Compare';\r\n\t\t\t\t\t\tconst btnClass = isCompared ? 'xike-btn remove' : 'xike-btn';\r\n\r\n\t\t\t\t\t\tconst card = document.createElement('div');\r\n\t\t\t\t\t\tcard.className = 'xike-card';\r\n\t\t\t\t\t\t\/\/ \u6838\u5fc3\u4fee\u6539\uff1a\u7edf\u4e00 HTML \u6807\u7b7e\u7ed3\u6784\u4ee5\u9002\u914d\u56fa\u5b9a\u9ad8\u5ea6 CSS\r\n\t\t\t\t\t\tcard.innerHTML = `\r\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"${p.img}\" alt=\"${p.name}\">\r\n\t\t\t\t\t\t\t<h4>${p.name}<\/h4>\r\n\t\t\t\t\t\t\t<p>${p.desc}<\/p> \r\n\t\t\t\t\t\t\t<div class=\"xike-btn-group\">\r\n\t\t\t\t\t\t\t\t<a href=\"${p.link || '#'}\" class=\"xike-btn more\" target=\"_blank\">More<\/a>\r\n\t\t\t\t\t\t\t\t<button class=\"${btnClass}\" onclick=\"toggleCompare(${p.id})\">${btnText}<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t`;\r\n\/\/ \t\t\t\t\t\tdomGrid.appendChild(card);\r\n\t\t\t\t\t\t\/\/ \u6ed1\u8f68\r\n\r\n\t\t\t\t\t\tdomGrid.appendChild(card);\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\/\/ \u6838\u5fc3\u4fee\u6539\uff1a\u5207\u6362\u5206\u7c7b\u540e\uff0c\u8ba9\u6ed1\u52a8\u5bb9\u5668\u81ea\u52a8\u56de\u5230\u6700\u5de6\u4fa7\r\n\t\t\t\t\t\/\/ --- \u6838\u5fc3\u4fee\u6b63\u70b9 A\uff1a\u6e32\u67d3\u5b8c\u5361\u7247\u540e\u7acb\u5373\u66f4\u65b0\u6ed1\u8f68 ---\r\n\t\t\t\t\tdomGrid.scrollLeft = 0;\r\n\t\t\t\t\tsetTimeout(updateScrollbar, 50);\r\n\t\t\t\t}\r\n\r\n        \/\/ \u5207\u6362\u5bf9\u6bd4\u72b6\u6001 (\u4fdd\u6301\u4e0d\u53d8)\r\n        window.toggleCompare = function(id) {\r\n            const index = compareList.findIndex(p => p.id === id);\r\n            if (index > -1) {\r\n                compareList.splice(index, 1);\r\n            } else {\r\n                if (compareList.length >= 4) {  return; }\r\n                const product = products.find(p => p.id === id);\r\n\t\t\t\t\tcompareList.push(product);\r\n            }\r\n            applyFilters(); \/\/ \u66f4\u65b0\u6309\u94ae\u72b6\u6001\r\n            renderTable(); \/\/ \u66f4\u65b0\u8868\u683c\r\n        };\r\n\r\n\t\t\t\t\t\/\/ \u6e32\u67d3\u5bf9\u6bd4\u8868\u683c (\u4fdd\u6301\u4e0d\u53d8)\r\n\t\t\tfunction renderTable() {\r\n\t\t\t\tdomTableWrapper.classList.add('active');\r\n\t\t\t\t\/\/ \u5b9a\u4e49\u603b\u5171\u5c55\u793a 3 \u4e2a\u4ea7\u54c1\u4f4d\uff08\u52a0\u4e0a\u53c2\u6570\u5217\u4e00\u5171 4 \u5217\uff09\r\n\t\t\t\tconst totalProductSlots = 4; \r\n\r\n\t\t\t\t\/\/ 1. \u6e32\u67d3\u8868\u5934 (\u7b2c\u4e00\u884c\uff1a\u4ea7\u54c1\u56fe\u548c\u540d\u79f0)\r\n\t\t\t\tlet html = '<thead><tr><th><\/th>';\r\n\r\n\t\t\t\tif (compareList.length === 0) {\r\n\t\t\t\t\t\/\/ \u60c5\u51b5 A\uff1a\u4e00\u4e2a\u4ea7\u54c1\u90fd\u6ca1\u9009\uff0c\u76f4\u63a5\u6e32\u67d3 3 \u4e2a\u7a7a\u4f4d\r\n\t\t\t\t\tfor (let i = 0; i < totalProductSlots; i++) {\r\n\t\t\t\t\t\thtml += `\r\n\t\t\t\t\t\t\t<td class=\"xike-th-product\">\r\n\t\t\t\t\t\t\t\t<div class=\"xike-placeholder-box\">\r\n\t\t\t\t\t\t\t\t\t<span>+<\/span>\r\n\t\t\t\t\t\t\t\t\tSelect a switch above\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/td>`;\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\t\/\/ \u60c5\u51b5 B\uff1a\u9009\u4e86\u4ea7\u54c1\uff0c\u5148\u6e32\u67d3\u9009\u4e2d\u7684\u4ea7\u54c1\r\n\t\t\t\t\tcompareList.forEach(p => {\r\n\t\t\t\t\t\thtml += `\r\n\t\t\t\t\t\t\t<th class=\"xike-th-product\">\r\n\t\t\t\t\t\t\t\t<button class=\"xike-table-remove-item\" onclick=\"toggleCompare(${p.id})\">\u2715<\/button>\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"${p.img}\">\r\n\t\t\t\t\t\t\t\t<div>${p.name}<\/div>\r\n\t\t\t\t\t\t\t<\/th>`;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\/\/ \u7136\u540e\u7528\u5360\u4f4d\u6846\u8865\u9f50\u5269\u4f59\u7684\u683c\u5b50\uff0c\u786e\u4fdd\u603b\u6570\u59cb\u7ec8\u4e3a 3\r\n\t\t\t\t\tconst remainingSlots = totalProductSlots - compareList.length;\r\n\t\t\t\t\tfor (let i = 0; i < remainingSlots; i++) {\r\n\t\t\t\t\t\thtml += `\r\n\t\t\t\t\t\t\t<td class=\"xike-th-product\">\r\n\t\t\t\t\t\t\t\t<div class=\"xike-placeholder-box\">\r\n\t\t\t\t\t\t\t\t\t<span>+<\/span>\r\n\t\t\t\t\t\t\t\t\tAdd another to compare.\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/td>`;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\thtml += '<\/tr><\/thead><tbody>';\r\n\r\n\t\t\t\t\/\/ 2. \u6e32\u67d3\u53c2\u6570\u884c\r\n\t\t\t\tspecDefinitions.forEach(spec => {\r\n\t\t\t\t\thtml += `<tr><th><img decoding=\"async\" class=\"svg-table\" src=\"${spec.icon}\"> ${spec.label}<\/th>`;\r\n\r\n\t\t\t\t\tif (compareList.length === 0) {\r\n\t\t\t\t\t\t\/\/ \u7a7a\u72b6\u6001\uff1a\u53c2\u6570\u884c\u8865\u9f50 3 \u4e2a\u6a2a\u7ebf\r\n\t\t\t\t\t\tfor (let i = 0; i < totalProductSlots; i++) {\r\n\t\t\t\t\t\t\thtml += '<td style=\"text-align:center; color:#eee;\">-<\/td>';\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\/\/ \u5df2\u9009\u72b6\u6001\uff1a\u5148\u6e32\u67d3\u4ea7\u54c1\u53c2\u6570\r\n\t\t\t\t\t\tcompareList.forEach(p => {\r\n\t\t\t\t\t\t\thtml += `<td style=\"text-align:center; color:#444;\">${p.specs[spec.key] || '-'}<\/td>`;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\/\/ \u518d\u8865\u9f50\u5269\u4f59\u5217\u7684\u6a2a\u7ebf\r\n\t\t\t\t\t\tconst remainingSlots = totalProductSlots  - compareList.length; \/\/ \u6b64\u5904\u6839\u636e\u4f60\u5b9a\u4e49\u7684 totalProductColumns\r\n\t\t\t\t\t\t\/\/ \u6216\u8005\u76f4\u63a5\u7edf\u4e00\u4f7f\u7528 totalProductSlots \u7684\u5269\u4f59\u903b\u8f91\uff1a\r\n\t\t\t\t\t\tconst slotsToFill = totalProductSlots - compareList.length;\r\n\t\t\t\t\t\tfor (let i = 0; i < slotsToFill; i++) {\r\n\t\t\t\t\t\t\thtml += '<td style=\"text-align:center; color:#eee;\">-<\/td>';\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\thtml += '<\/tr>';\r\n\t\t\t\t});\r\n\r\n\t\t\t\thtml += '<\/tbody>';\r\n\t\t\t\tdomTable.innerHTML = html;\r\n\t\t\t}\r\n\r\n\t\t\tfunction updateScrollbar() {\r\n\r\n\t\t\t\t\tif (!domGrid || !domThumb || !domContainer) return;\r\n\r\n            const scrollLeft = domGrid.scrollLeft;\r\n            const scrollWidth = domGrid.scrollWidth;\r\n            const clientWidth = domGrid.clientWidth;\r\n\r\n\t\t\t\tconst thumbWidthPercent = (clientWidth \/ scrollWidth) * 100;\r\n\t\t\t\tdomThumb.style.width = thumbWidthPercent + '%';\r\n\r\n\t\t\t\tconst maxScrollLeft = scrollWidth - clientWidth;\r\n\t\t\t\tif (maxScrollLeft <= 0) {\r\n\t\t\t\t\tdomContainer.style.opacity = '0'; \r\n\t\t\t\t} else {\r\n\t\t\t\t\tdomContainer.style.opacity = '1';\r\n\t\t\t\t\tconst scrollRatio = scrollLeft \/ maxScrollLeft;\r\n\t\t\t\t\tconst maxThumbMove = 100 - thumbWidthPercent;\r\n\t\t\t\t\tdomThumb.style.left = (scrollRatio * maxThumbMove) + '%';\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\r\n\t\t\tif (domGrid) {\r\n\t\t\t\t\t\tdomGrid.addEventListener('scroll', updateScrollbar);\r\n\t\t\t\t\t}\r\n\t\t\t\/\/ \u786e\u4fdd\u83b7\u53d6\u5230\u4e86\u4f60\u7684 DOM \u5143\u7d20\uff0c\u8bf7\u786e\u8ba4\u53d8\u91cf\u540d\u4e00\u81f4\r\n\t\t\t\/\/ const domGrid = ... (\u4f60\u7684\u4ea7\u54c1\u5217\u8868)\r\n\t\t\t\/\/ const domContainer = document.getElementById('xikeScrollbarContainer');\r\n\t\t\t\/\/ const domThumb = document.getElementById('xikeScrollbarThumb');\r\n\r\n\t\t\tlet isDragging = false;\r\n\t\t\tlet startX;\r\n\t\t\tlet startScrollLeft;\r\n\r\n\t\t\t\/\/ ==========================================\r\n\t\t\t\/\/ \u529f\u80fd 1\uff1a\u539f\u751f\u7ea7\u4e1d\u6ed1\u62d6\u62fd (\u4f7f\u7528 Pointer Events)\r\n\t\t\t\/\/ ==========================================\r\n\t\t\tdomThumb.addEventListener('pointerdown', (e) => {\r\n\t\t\t\tisDragging = true;\r\n\r\n\t\t\t\t\/\/ \u6838\u5fc3\u79d8\u7c4d\uff1a\u6307\u9488\u6355\u83b7\u3002\u5373\u4f7f\u9f20\u6807\u62d6\u5f97\u592a\u5feb\u79bb\u5f00\u4e86\u6ed1\u5757\uff0c\u4f9d\u7136\u80fd\u63a5\u6536\u5230\u79fb\u52a8\u4e8b\u4ef6\uff01\r\n\t\t\t\tdomThumb.setPointerCapture(e.pointerId);\r\n\r\n\t\t\t\t\/\/ \u8bb0\u5f55\u6309\u4e0b\u65f6\u7684\u4f4d\u7f6e\r\n\t\t\t\tstartX = e.clientX;\r\n\t\t\t\tstartScrollLeft = domGrid.scrollLeft;\r\n\r\n\t\t\t\t\/\/ \u4f18\u5316\u89c6\u89c9\u548c\u9632\u6b62\u9ed8\u8ba4\u884c\u4e3a\r\n\t\t\t\tdomThumb.style.cursor = 'grabbing';\r\n\t\t\t\tdocument.body.style.userSelect = 'none'; \r\n\r\n\t\t\t\t\/\/ \u6781\u5ea6\u5173\u952e\uff1a\u62d6\u62fd\u65f6\u5fc5\u987b\u5173\u95ed\u5e73\u6ed1\u6eda\u52a8\uff0c\u5426\u5219\u4f1a\u548c JS \u51b2\u7a81\u5bfc\u81f4\u4e25\u91cd\u5361\u987f\r\n\t\t\t\tdomGrid.style.scrollBehavior = 'auto'; \r\n\t\t\t});\r\n\r\n\t\t\tdomThumb.addEventListener('pointermove', (e) => {\r\n\t\t\t\tif (!isDragging) return;\r\n\r\n\t\t\t\t\/\/ \u8ba1\u7b97\u5149\u6807\u79fb\u52a8\u7684\u7269\u7406\u8ddd\u79bb (Delta)\r\n\t\t\t\tconst deltaX = e.clientX - startX;\r\n\r\n\t\t\t\t\/\/ \u8ba1\u7b97\u79fb\u52a8\u8ddd\u79bb\u5360\u8f68\u9053\u7684\u767e\u5206\u6bd4\r\n\t\t\t\tconst maxThumbMove = domContainer.clientWidth - domThumb.clientWidth;\r\n\t\t\t\tconst scrollRatio = deltaX \/ maxThumbMove;\r\n\r\n\t\t\t\t\/\/ \u6362\u7b97\u6210\u4ea7\u54c1\u5217\u8868\u5e94\u8be5\u6eda\u52a8\u7684\u50cf\u7d20\u5e76\u8d4b\u503c\r\n\t\t\t\tconst maxScrollLeft = domGrid.scrollWidth - domGrid.clientWidth;\r\n\t\t\t\tdomGrid.scrollLeft = startScrollLeft + (scrollRatio * maxScrollLeft);\r\n\t\t\t});\r\n\r\n\t\t\tdomThumb.addEventListener('pointerup', (e) => {\r\n\t\t\t\tisDragging = false;\r\n\t\t\t\tdomThumb.releasePointerCapture(e.pointerId); \/\/ \u91ca\u653e\u6307\u9488\r\n\t\t\t\tdomThumb.style.cursor = 'grab';\r\n\t\t\t\tdocument.body.style.userSelect = '';\r\n\t\t\t});\r\n\r\n\t\t\t\/\/ \u52a0\u4e0a pointercancel \u9632\u6b62\u7531\u4e8e\u7cfb\u7edf\u5f39\u7a97\u7b49\u6253\u65ad\u62d6\u62fd\r\n\t\t\tdomThumb.addEventListener('pointercancel', (e) => {\r\n\t\t\t\tisDragging = false;\r\n\t\t\t\tdomThumb.releasePointerCapture(e.pointerId);\r\n\t\t\t\tdocument.body.style.userSelect = '';\r\n\t\t\t});\r\n\r\n\r\n\t\t\t\/\/ ==========================================\r\n\t\t\t\/\/ \u529f\u80fd 2\uff1a\u70b9\u51fb\u8f68\u9053\uff0c\u6ed1\u5757\u548c\u5217\u8868\u76f4\u63a5\u8df3\u8f6c\r\n\t\t\t\/\/ ==========================================\r\n\t\t\tdomContainer.addEventListener('pointerdown', (e) => {\r\n\t\t\t\t\/\/ \u5982\u679c\u70b9\u51fb\u7684\u662f\u6ed1\u5757\u672c\u8eab\uff0c\u5219\u4ea4\u7ed9\u4e0a\u9762\u7684\u62d6\u62fd\u903b\u8f91\u5904\u7406\uff0c\u4e0d\u8981\u8df3\u8f6c\r\n\t\t\t\tif (e.target === domThumb) return;\r\n\r\n\t\t\t\t\/\/ \u83b7\u53d6\u70b9\u51fb\u4f4d\u7f6e\u76f8\u5bf9\u4e8e\u8f68\u9053\u7684 X \u5750\u6807\r\n\t\t\t\tconst rect = domContainer.getBoundingClientRect();\r\n\t\t\t\tlet clickX = e.clientX - rect.left;\r\n\r\n\t\t\t\t\/\/ \u8ba9\u6ed1\u5757\u7684\u201c\u4e2d\u5fc3\u201d\u5bf9\u51c6\u70b9\u51fb\u7684\u4f4d\u7f6e\uff0c\u4f53\u9a8c\u66f4\u597d\r\n\t\t\t\tclickX = clickX - (domThumb.clientWidth \/ 2);\r\n\r\n\t\t\t\t\/\/ \u9650\u5236\u8fb9\u754c\uff0c\u9632\u6b62\u70b9\u51fb\u592a\u9760\u8fb9\u5bfc\u81f4\u6ed1\u5757\u98de\u51fa\u53bb\r\n\t\t\t\tconst maxThumbMove = domContainer.clientWidth - domThumb.clientWidth;\r\n\t\t\t\tconst boundedX = Math.max(0, Math.min(clickX, maxThumbMove));\r\n\r\n\t\t\t\t\/\/ \u8ba1\u7b97\u8df3\u8f6c\u767e\u5206\u6bd4\r\n\t\t\t\tconst scrollRatio = boundedX \/ maxThumbMove;\r\n\t\t\t\tconst maxScrollLeft = domGrid.scrollWidth - domGrid.clientWidth;\r\n\r\n\t\t\t\t\/\/ \u8df3\u8f6c\u65f6\u5f00\u542f\u5e73\u6ed1\u6eda\u52a8\uff0c\u8ba9\u89c6\u89c9\u66f4\u8212\u670d\r\n\t\t\t\tdomGrid.style.scrollBehavior = 'smooth';\r\n\t\t\t\tdomGrid.scrollLeft = scrollRatio * maxScrollLeft;\r\n\r\n\t\t\t\t\/\/ \uff08\u53ef\u9009\uff09\u8df3\u8f6c\u5b8c\u6210\u540e\u6062\u590d auto\uff0c\u9632\u6b62\u5f71\u54cd\u540e\u7eed\u7684\u62d6\u62fd\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tif (!isDragging) {\r\n\t\t\t\t\t\tdomGrid.style.scrollBehavior = 'auto';\r\n\t\t\t\t\t}\r\n\t\t\t\t}, 400); \/\/ 400ms \u662f\u9884\u4f30\u7684\u6eda\u52a8\u52a8\u753b\u65f6\u95f4\r\n\t\t\t});\r\n        \/\/ \u521d\u59cb\u5316\u6267\u884c\r\n        if(products.length >= 0) {\r\n            renderTabs();\r\n            applyFilters(); \/\/ \u9875\u9762\u52a0\u8f7d\u65f6\u6267\u884c\u4e00\u6b21\u5b8c\u6574\u7684\u7b5b\u9009\u4e0e\u6e32\u67d3\r\n            renderTable(); \r\n        }\r\n    });\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bb41a1f elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"7bb41a1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1be05962 elementor-widget elementor-widget-heading\" data-id=\"1be05962\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\nHow to distinguish switches?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d47a74c elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"2d47a74c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fcccd01 elementor-widget elementor-widget-shortcode\" data-id=\"1fcccd01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[xikestor_header]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51d67375 e-flex e-con-boxed e-con e-parent\" data-id=\"51d67375\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56cc1bf4 elementor-widget elementor-widget-heading\" data-id=\"56cc1bf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Common Inquiries<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b62d017 elementor-widget elementor-widget-n-accordion\" data-id=\"3b62d017\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9960\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-9960\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What is a PoE switch? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9960\" class=\"elementor-element elementor-element-78636e30 e-con-full e-flex e-con e-child\" data-id=\"78636e30\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d55780d elementor-widget elementor-widget-text-editor\" data-id=\"1d55780d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A Power over Ethernet (PoE) switch is a device that lets you power other devices, like access points, cameras or phones, through the same cable that carries network data to them. This makes it easier to set up those devices and reduces the number of cables you need. PoE switches come in different sizes, speeds, and power levels depending on how many devices you need to power.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9961\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9961\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Which switch is right for me? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9961\" class=\"elementor-element elementor-element-747c34fc e-con-full e-flex e-con e-child\" data-id=\"747c34fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-284ac7f4 elementor-widget elementor-widget-text-editor\" data-id=\"284ac7f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We offer four primary families of switches, with varying port numbers, speeds, and PoE budgets:<\/p><ul><li><strong><a href=\"https:\/\/ui.com\/sg\/en\/switching\/compact\" target=\"_blank\" rel=\"noopener\">Compact<\/a><\/strong>: Our small, lightweight switches are versatile and ideal for tight spaces, remote deployments, or installations with limited infrastructure. Available in a range of port counts and speeds\u2014including multi-Gigabit options\u2014they deliver powerful performance without compromising space or efficiency.<\/li><li><strong><a href=\"https:\/\/ui.com\/sg\/en\/switching\/value\" target=\"_blank\" rel=\"noopener\">Value<\/a><\/strong>: High-performance switches featuring 8 to 48 1GbE RJ45 ports, available in both PoE and non-PoE models. A cost-effective solution for mid-sized networks that need reliable connectivity without compromising on quality.<\/li><li><strong><a href=\"https:\/\/ui.com\/sg\/en\/switching\/professional\" target=\"_blank\" rel=\"noopener\">Professional<\/a><\/strong>: The next level up from our Value series, these switches offer increased PoE power capacity, support for power redundancy, up to 25G SFP+ uplinks, and advanced Layer 3 routing features. Designed for high-performance networks that demand speed, reliability, and scalability.<\/li><li><strong><a href=\"https:\/\/ui.com\/sg\/en\/switching\/enterprise\" target=\"_blank\" rel=\"noopener\">Enterprise<\/a><\/strong>: Core switching powerhouses engineered for the most demanding enterprise environments. Featuring uplink speeds up to 100 Gbps and high-capacity 10GbE PoE+++ output, these switches are ideal for high-availability system designs and large-scale, performance-critical networks.<\/li><\/ul><p>To determine which UniFi Switch is right for you, consider the size and complexity of your network, the number and types of PoE devices you need to support, and any advanced features or capabilities you require.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-9962\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-9962\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Which switches support power redundancy? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-9962\" class=\"elementor-element elementor-element-2b5ca15c e-con-full e-flex e-con e-child\" data-id=\"2b5ca15c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b9f81fe elementor-widget elementor-widget-text-editor\" data-id=\"7b9f81fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>All Professional, Pro Max, and Enterprise switch models can support redundant power. We technology offers the unique ability to seamlessly create redundancy for your entire rack mount with a single device. This provides a versatile, yet cost effective solution for any critical network installation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is a PoE switch?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A Power over Ethernet (PoE) switch is a device that lets you power other devices, like access points, cameras or phones, through the same cable that carries network data to them. This makes it easier to set up those devices and reduces the number of cables you need. PoE switches come in different sizes, speeds, and power levels depending on how many devices you need to power.\"}},{\"@type\":\"Question\",\"name\":\"Which switch is right for me?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"We offer four primary families of switches, with varying port numbers, speeds, and PoE budgets:Compact: Our small, lightweight switches are versatile and ideal for tight spaces, remote deployments, or installations with limited infrastructure. Available in a range of port counts and speeds\\u2014including multi-Gigabit options\\u2014they deliver powerful performance without compromising space or efficiency.Value: High-performance switches featuring 8 to 48 1GbE RJ45 ports, available in both PoE and non-PoE models. A cost-effective solution for mid-sized networks that need reliable connectivity without compromising on quality.Professional: The next level up from our Value series, these switches offer increased PoE power capacity, support for power redundancy, up to 25G SFP+ uplinks, and advanced Layer 3 routing features. Designed for high-performance networks that demand speed, reliability, and scalability.Enterprise: Core switching powerhouses engineered for the most demanding enterprise environments. Featuring uplink speeds up to 100 Gbps and high-capacity 10GbE PoE+++ output, these switches are ideal for high-availability system designs and large-scale, performance-critical networks.To determine which UniFi Switch is right for you, consider the size and complexity of your network, the number and types of PoE devices you need to support, and any advanced features or capabilities you require.\"}},{\"@type\":\"Question\",\"name\":\"Which switches support power redundancy?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"All Professional, Pro Max, and Enterprise switch models can support redundant power. We technology offers the unique ability to seamlessly create redundancy for your entire rack mount with a single device. This provides a versatile, yet cost effective solution for any critical network installation.\"}}]}<\/script>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>XikeStor 10G Series SwitchCore switch series suitable for small and medium-sized enterprises or familiesClick HereAluminum Alloy Series 2.5G SwitchesCompact, delicate and silentLearn MoreMulti-port of Factor PoE SwitchesSuitable for large, medium and small enterprises as well as home security monitoringLearn More 10GbpsTransmission Rate Supports Layer 2\/3\u00a0 Management Significantly ImprovesLAN speed Learn More 2.5G switches combining appearance [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1456","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.xikestor.com\/de\/wp-json\/wp\/v2\/pages\/1456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xikestor.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.xikestor.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.xikestor.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xikestor.com\/de\/wp-json\/wp\/v2\/comments?post=1456"}],"version-history":[{"count":6,"href":"https:\/\/www.xikestor.com\/de\/wp-json\/wp\/v2\/pages\/1456\/revisions"}],"predecessor-version":[{"id":2337,"href":"https:\/\/www.xikestor.com\/de\/wp-json\/wp\/v2\/pages\/1456\/revisions\/2337"}],"wp:attachment":[{"href":"https:\/\/www.xikestor.com\/de\/wp-json\/wp\/v2\/media?parent=1456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}