CompileError/WebCoderBench
0
1[2 {3 "ID": 1,4 "Model": "DeepSeek-R1-0528",5 "Code Quality": {6 "General Functionality Correctness": 54.67,7 "Best Practices": 95.71,8 "Error Handling": 78.87,9 "Runtime Console Errors": 95.23,10 "Static Syntax Checking (Linting)": 97.5311 },12 "Visual Quality": {13 "General Visual Experience": 54.36,14 "Component Style Consistency": 96.53,15 "Icon Style Consistency": 57.58,16 "Layout Consistency": 86.69,17 "Layout Sparsity": 87.82,18 "Visual Harmony Degree": 70.3819 },20 "Content Quality": {21 "Copywriting Quality": 98.6,22 "Media Quality": 56.66,23 "Placeholder Quality": 95.99,24 "Resource Validity": 88.1525 },26 "Performance Quality": {27 "General Performance": 97.0228 },29 "Accessbility": {30 "Accessibility Core Metrics": 92.94,31 "Cross-Browser Compatibility": 96.47,32 "Mobile Device Compatibility": 89.4733 },34 "Maintainability": {35 "Code Redundancy Rate": 95.89,36 "Comment Rate": 78.7637 },38 "Alignment": {39 "Functional Alignment": 87.61,40 "Visual Alignment": 92.7,41 "Content Alignment": 88.7742 }43 },44 {45 "ID": 2,46 "Model": "DeepSeek-V3.1",47 "Code Quality": {48 "General Functionality Correctness": 53.68,49 "Best Practices": 95.68,50 "Error Handling": 78.53,51 "Runtime Console Errors": 92.44,52 "Static Syntax Checking (Linting)": 96.7253 },54 "Visual Quality": {55 "General Visual Experience": 40.65,56 "Component Style Consistency": 98.03,57 "Icon Style Consistency": 77.69,58 "Layout Consistency": 89.55,59 "Layout Sparsity": 82.99,60 "Visual Harmony Degree": 68.8661 },62 "Content Quality": {63 "Copywriting Quality": 98.67,64 "Media Quality": 51.94,65 "Placeholder Quality": 92.51,66 "Resource Validity": 69.3367 },68 "Performance Quality": {69 "General Performance": 97.670 },71 "Accessbility": {72 "Accessibility Core Metrics": 91.27,73 "Cross-Browser Compatibility": 95.6,74 "Mobile Device Compatibility": 82.6475 },76 "Maintainability": {77 "Code Redundancy Rate": 96.18,78 "Comment Rate": 76.379 },80 "Alignment": {81 "Functional Alignment": 89.02,82 "Visual Alignment": 93.02,83 "Content Alignment": 87.6684 }85 },86 {87 "ID": 3,88 "Model": "DeepSeek-V3.1-Terminus",89 "Code Quality": {90 "General Functionality Correctness": 56.25,91 "Best Practices": 95.94,92 "Error Handling": 76.12,93 "Runtime Console Errors": 96.5,94 "Static Syntax Checking (Linting)": 97.5695 },96 "Visual Quality": {97 "General Visual Experience": 86.4,98 "Component Style Consistency": 97.86,99 "Icon Style Consistency": 66,100 "Layout Consistency": 89.13,101 "Layout Sparsity": 87.51,102 "Visual Harmony Degree": 70.15103 },104 "Content Quality": {105 "Copywriting Quality": 98.64,106 "Media Quality": 38.12,107 "Placeholder Quality": 93.2,108 "Resource Validity": 76.44109 },110 "Performance Quality": {111 "General Performance": 98.19112 },113 "Accessbility": {114 "Accessibility Core Metrics": 92.63,115 "Cross-Browser Compatibility": 96.43,116 "Mobile Device Compatibility": 88.99117 },118 "Maintainability": {119 "Code Redundancy Rate": 97.33,120 "Comment Rate": 81.07121 },122 "Alignment": {123 "Functional Alignment": 89.77,124 "Visual Alignment": 92.18,125 "Content Alignment": 88.35126 }127 },128 {129 "ID": 4,130 "Model": "DeepSeek-V3.1-Thinking",131 "Code Quality": {132 "General Functionality Correctness": 54.03,133 "Best Practices": 95.65,134 "Error Handling": 78.74,135 "Runtime Console Errors": 90.93,136 "Static Syntax Checking (Linting)": 96.33137 },138 "Visual Quality": {139 "General Visual Experience": 41.12,140 "Component Style Consistency": 97.66,141 "Icon Style Consistency": 78.38,142 "Layout Consistency": 90.32,143 "Layout Sparsity": 83.17,144 "Visual Harmony Degree": 68.92145 },146 "Content Quality": {147 "Copywriting Quality": 98.67,148 "Media Quality": 57.21,149 "Placeholder Quality": 92.37,150 "Resource Validity": 70.44151 },152 "Performance Quality": {153 "General Performance": 97.97154 },155 "Accessbility": {156 "Accessibility Core Metrics": 91.25,157 "Cross-Browser Compatibility": 95.83,158 "Mobile Device Compatibility": 81.76159 },160 "Maintainability": {161 "Code Redundancy Rate": 96.46,162 "Comment Rate": 76.17163 },164 "Alignment": {165 "Functional Alignment": 88.82,166 "Visual Alignment": 91.7,167 "Content Alignment": 87.31168 }169 },170 {171 "ID": 5,172 "Model": "GLM-4.5",173 "Code Quality": {174 "General Functionality Correctness": 57.73,175 "Best Practices": 95.84,176 "Error Handling": 72.89,177 "Runtime Console Errors": 97.69,178 "Static Syntax Checking (Linting)": 97.6179 },180 "Visual Quality": {181 "General Visual Experience": 87.42,182 "Component Style Consistency": 98.1,183 "Icon Style Consistency": 72.42,184 "Layout Consistency": 89.06,185 "Layout Sparsity": 86.22,186 "Visual Harmony Degree": 69.21187 },188 "Content Quality": {189 "Copywriting Quality": 98.64,190 "Media Quality": 77.73,191 "Placeholder Quality": 100,192 "Resource Validity": 93.33193 },194 "Performance Quality": {195 "General Performance": 97.21196 },197 "Accessbility": {198 "Accessibility Core Metrics": 91.64,199 "Cross-Browser Compatibility": 96.56,200 "Mobile Device Compatibility": 84.01201 },202 "Maintainability": {203 "Code Redundancy Rate": 96.4,204 "Comment Rate": 77.52205 },206 "Alignment": {207 "Functional Alignment": 91.29,208 "Visual Alignment": 94.12,209 "Content Alignment": 89.18210 }211 },212 {213 "ID": 6,214 "Model": "Qwen3-Coder-Plus",215 "Code Quality": {216 "General Functionality Correctness": 54.95,217 "Best Practices": 95.13,218 "Error Handling": 79.71,219 "Runtime Console Errors": 96.75,220 "Static Syntax Checking (Linting)": 97.18221 },222 "Visual Quality": {223 "General Visual Experience": 46.27,224 "Component Style Consistency": 98.69,225 "Icon Style Consistency": 60,226 "Layout Consistency": 90.2,227 "Layout Sparsity": 86.58,228 "Visual Harmony Degree": 68.88229 },230 "Content Quality": {231 "Copywriting Quality": 98.69,232 "Media Quality": 42.78,233 "Placeholder Quality": 94.94,234 "Resource Validity": 79.69235 },236 "Performance Quality": {237 "General Performance": 98.54238 },239 "Accessbility": {240 "Accessibility Core Metrics": 93.13,241 "Cross-Browser Compatibility": 96.04,242 "Mobile Device Compatibility": 88.84243 },244 "Maintainability": {245 "Code Redundancy Rate": 98.44,246 "Comment Rate": 78.28247 },248 "Alignment": {249 "Functional Alignment": 86.79,250 "Visual Alignment": 89.89,251 "Content Alignment": 86.15252 }253 },254 {255 "ID": 7,256 "Model": "Qwen3-235B-A22B-Instruct",257 "Code Quality": {258 "General Functionality Correctness": 56.41,259 "Best Practices": 94.68,260 "Error Handling": 78.67,261 "Runtime Console Errors": 91.98,262 "Static Syntax Checking (Linting)": 95.11263 },264 "Visual Quality": {265 "General Visual Experience": 73.35,266 "Component Style Consistency": 98.53,267 "Icon Style Consistency": 64.29,268 "Layout Consistency": 92.11,269 "Layout Sparsity": 81.91,270 "Visual Harmony Degree": 66.89271 },272 "Content Quality": {273 "Copywriting Quality": 98.79,274 "Media Quality": 52.05,275 "Placeholder Quality": 95.16,276 "Resource Validity": 68.09277 },278 "Performance Quality": {279 "General Performance": 97.45280 },281 "Accessbility": {282 "Accessibility Core Metrics": 91.88,283 "Cross-Browser Compatibility": 95.77,284 "Mobile Device Compatibility": 90.46285 },286 "Maintainability": {287 "Code Redundancy Rate": 97.36,288 "Comment Rate": 76.85289 },290 "Alignment": {291 "Functional Alignment": 88.95,292 "Visual Alignment": 92.23,293 "Content Alignment": 88.77294 }295 },296 {297 "ID": 8,298 "Model": "MiniMax-M2",299 "Code Quality": {300 "General Functionality Correctness": 72.52,301 "Best Practices": 95.57,302 "Error Handling": 59.02,303 "Runtime Console Errors": 93.41,304 "Static Syntax Checking (Linting)": 90.42305 },306 "Visual Quality": {307 "General Visual Experience": 56.47,308 "Component Style Consistency": 94.14,309 "Icon Style Consistency": 73.59,310 "Layout Consistency": 88.97,311 "Layout Sparsity": 82.76,312 "Visual Harmony Degree": 69.48313 },314 "Content Quality": {315 "Copywriting Quality": 98.73,316 "Media Quality": 38.17,317 "Placeholder Quality": 98.55,318 "Resource Validity": 77.32319 },320 "Performance Quality": {321 "General Performance": 97.15322 },323 "Accessbility": {324 "Accessibility Core Metrics": 89.8,325 "Cross-Browser Compatibility": 96.44,326 "Mobile Device Compatibility": 81.99327 },328 "Maintainability": {329 "Code Redundancy Rate": 93.97,330 "Comment Rate": 82.17331 },332 "Alignment": {333 "Functional Alignment": 93.62,334 "Visual Alignment": 95.6,335 "Content Alignment": 92.11336 }337 },338 {339 "ID": 9,340 "Model": "Gemini-2.5-Pro",341 "Code Quality": {342 "General Functionality Correctness": 68.28,343 "Best Practices": 94.82,344 "Error Handling": 76.22,345 "Runtime Console Errors": 92.74,346 "Static Syntax Checking (Linting)": 94.81347 },348 "Visual Quality": {349 "General Visual Experience": 78.08,350 "Component Style Consistency": 96.04,351 "Icon Style Consistency": 84.82,352 "Layout Consistency": 85.07,353 "Layout Sparsity": 80.91,354 "Visual Harmony Degree": 66.7355 },356 "Content Quality": {357 "Copywriting Quality": 98.8,358 "Media Quality": 46.7,359 "Placeholder Quality": 98.03,360 "Resource Validity": 72.08361 },362 "Performance Quality": {363 "General Performance": 94.32364 },365 "Accessbility": {366 "Accessibility Core Metrics": 92.37,367 "Cross-Browser Compatibility": 96.4,368 "Mobile Device Compatibility": 83.86369 },370 "Maintainability": {371 "Code Redundancy Rate": 92.8,372 "Comment Rate": 74.59373 },374 "Alignment": {375 "Functional Alignment": 90.33,376 "Visual Alignment": 94.53,377 "Content Alignment": 89.03378 }379 },380 {381 "ID": 10,382 "Model": "GPT-4o-2024-11-20",383 "Code Quality": {384 "General Functionality Correctness": 49.42,385 "Best Practices": 95.58,386 "Error Handling": 86.32,387 "Runtime Console Errors": 83.97,388 "Static Syntax Checking (Linting)": 97.66389 },390 "Visual Quality": {391 "General Visual Experience": 59.13,392 "Component Style Consistency": 100,393 "Icon Style Consistency": 60,394 "Layout Consistency": 91.89,395 "Layout Sparsity": 74.96,396 "Visual Harmony Degree": 65.16397 },398 "Content Quality": {399 "Copywriting Quality": 98.88,400 "Media Quality": 46.77,401 "Placeholder Quality": 98.12,402 "Resource Validity": 55.53403 },404 "Performance Quality": {405 "General Performance": 94.07406 },407 "Accessbility": {408 "Accessibility Core Metrics": 93.65,409 "Cross-Browser Compatibility": 94.44,410 "Mobile Device Compatibility": 90.03411 },412 "Maintainability": {413 "Code Redundancy Rate": 94.38,414 "Comment Rate": 66.34415 },416 "Alignment": {417 "Functional Alignment": 73.14,418 "Visual Alignment": 77.38,419 "Content Alignment": 74.43420 }421 },422 {423 "ID": 11,424 "Model": "GPT-5-Codex-High",425 "Code Quality": {426 "General Functionality Correctness": 74.82,427 "Best Practices": 93.12,428 "Error Handling": 68.51,429 "Runtime Console Errors": 96.3,430 "Static Syntax Checking (Linting)": 94.4431 },432 "Visual Quality": {433 "General Visual Experience": 93.83,434 "Component Style Consistency": 97.1,435 "Icon Style Consistency": 74.49,436 "Layout Consistency": 80.96,437 "Layout Sparsity": 87.43,438 "Visual Harmony Degree": 67.46439 },440 "Content Quality": {441 "Copywriting Quality": 98.51,442 "Media Quality": 46.61,443 "Placeholder Quality": 98.51,444 "Resource Validity": 68.17445 },446 "Performance Quality": {447 "General Performance": 94.44448 },449 "Accessbility": {450 "Accessibility Core Metrics": 93.55,451 "Cross-Browser Compatibility": 96.29,452 "Mobile Device Compatibility": 92.42453 },454 "Maintainability": {455 "Code Redundancy Rate": 93.07,456 "Comment Rate": 62.62457 },458 "Alignment": {459 "Functional Alignment": 92.04,460 "Visual Alignment": 96.27,461 "Content Alignment": 92.93462 }463 },464 {465 "ID": 12,466 "Model": "GPT-5-High",467 "Code Quality": {468 "General Functionality Correctness": 79.18,469 "Best Practices": 95.66,470 "Error Handling": 51.17,471 "Runtime Console Errors": 95.33,472 "Static Syntax Checking (Linting)": 90.18473 },474 "Visual Quality": {475 "General Visual Experience": 90.62,476 "Component Style Consistency": 94.62,477 "Icon Style Consistency": 66.67,478 "Layout Consistency": 81.44,479 "Layout Sparsity": 84.85,480 "Visual Harmony Degree": 69.22481 },482 "Content Quality": {483 "Copywriting Quality": 98.57,484 "Media Quality": 37.52,485 "Placeholder Quality": 98.72,486 "Resource Validity": 74.75487 },488 "Performance Quality": {489 "General Performance": 98.08490 },491 "Accessbility": {492 "Accessibility Core Metrics": 88.75,493 "Cross-Browser Compatibility": 96.58,494 "Mobile Device Compatibility": 76.57495 },496 "Maintainability": {497 "Code Redundancy Rate": 91.09,498 "Comment Rate": 80.84499 },500 "Alignment": {501 "Functional Alignment": 96.94,502 "Visual Alignment": 97.54,503 "Content Alignment": 95.1504 }505 },506 {507 "ID": 13,508 "Model": "Manus",509 "Code Quality": {510 "General Functionality Correctness": 65.88,511 "Best Practices": 95.13,512 "Error Handling": 66.43,513 "Runtime Console Errors": 90.47,514 "Static Syntax Checking (Linting)": 100515 },516 "Visual Quality": {517 "General Visual Experience": 54.19,518 "Component Style Consistency": 100,519 "Icon Style Consistency": 53.33,520 "Layout Consistency": 87.8,521 "Layout Sparsity": 85.06,522 "Visual Harmony Degree": 67.82523 },524 "Content Quality": {525 "Copywriting Quality": 98.65,526 "Media Quality": 54.27,527 "Placeholder Quality": 96.08,528 "Resource Validity": 83.7529 },530 "Performance Quality": {531 "General Performance": 95.96532 },533 "Accessbility": {534 "Accessibility Core Metrics": 91.64,535 "Cross-Browser Compatibility": 95.44,536 "Mobile Device Compatibility": 87.12537 },538 "Maintainability": {539 "Code Redundancy Rate": 90.94,540 "Comment Rate": 82.31541 },542 "Alignment": {543 "Functional Alignment": 93.47,544 "Visual Alignment": 92.32,545 "Content Alignment": 90.02546 }547 },548 {549 "ID": 14,550 "Model": "MiniMax Agent",551 "Code Quality": {552 "General Functionality Correctness": 59.55,553 "Best Practices": 95.9,554 "Error Handling": 63.63,555 "Runtime Console Errors": 89.68,556 "Static Syntax Checking (Linting)": 100557 },558 "Visual Quality": {559 "General Visual Experience": 51.02,560 "Component Style Consistency": 91.5,561 "Icon Style Consistency": 61.33,562 "Layout Consistency": 88.53,563 "Layout Sparsity": 83.73,564 "Visual Harmony Degree": 68.27565 },566 "Content Quality": {567 "Copywriting Quality": 98.5,568 "Media Quality": 88.62,569 "Placeholder Quality": 100,570 "Resource Validity": 95.04571 },572 "Performance Quality": {573 "General Performance": 95.19574 },575 "Accessbility": {576 "Accessibility Core Metrics": 91.7,577 "Cross-Browser Compatibility": 94.63,578 "Mobile Device Compatibility": 88.35579 },580 "Maintainability": {581 "Code Redundancy Rate": 86.83,582 "Comment Rate": 83.19583 },584 "Alignment": {585 "Functional Alignment": 91.31,586 "Visual Alignment": 93.86,587 "Content Alignment": 88.25588 }589 }590]591 