diff --git a/web/static/app/site.js b/web/static/app/site.js
index b7cc338e9..c9ad3f3cc 100755
--- a/web/static/app/site.js
+++ b/web/static/app/site.js
@@ -1634,6 +1634,11 @@ function toProxy(siteName, type, obj) {
 							<input class='btswitch btswitch-ios' type='checkbox' name='open_cors'>\
 							<label class='btswitch-btn' id='open_cors' for='open_cors' style='float:left'></label>\
 						</div>\
+						<div style='display: inline-block'>\
+							<span class='tname' style='position: relative;top: -5px;'>是否H3</span>\
+							<input class='btswitch btswitch-ios' type='checkbox' name='open_http3'>\
+							<label class='btswitch-btn' id='open_http3' for='open_http3' style='float:left'></label>\
+						</div>\
 					</div>\
 				</div>\
 				<div class='line'>\
@@ -1685,6 +1690,10 @@ function toProxy(siteName, type, obj) {
 						$("input[name='open_cors']").prop("checked",true);
 					}
 
+					if (obj['open_http3'] == 'on'){
+						$("input[name='open_http3']").prop("checked",true);
+					}
+
 					if (obj['open_proxy'] == 'on'){
 						$("input[name='open_proxy']").prop("checked",true);
 					}
@@ -1747,6 +1756,15 @@ function toProxy(siteName, type, obj) {
 						$("input[name='open_cors']").prop("checked",true);
 					}
 				});
+
+				$('#open_http3').click(function(){
+					var status = $("input[name='open_http3']").prop("checked")==true?1:0;
+					if(status==1){
+						$("input[name='open_http3']").prop("checked",false);
+					}else{
+						$("input[name='open_http3']").prop("checked",true);
+					}
+				});
 			},
 			yes:function(index,layer_ro){
 				var data = $('#form_proxy').serializeArray();