Question

Chrome 73引入了人们期待已久的功能，该功能能够导出（CSS / JS）代码覆盖率数据。有没有人看过解析结果JSON文件以创建优化的样式表/脚本？

Answer 1

这是PHP中的解决方案

<?php
$json_string = 'Coverage-20190407T072310.json';
$jsondata = file_get_contents($json_string);
$obj = json_decode($jsondata,true);
$output_css = '';

foreach( $obj as $arr ) {
    if( strpos( $arr['url'],"css" ) ) {

        foreach ($arr['ranges'] as $name => $value) {
            $length = $value['end'] - $value['start'];
            $output_css .= substr($arr['text'], $value['start'], $length) . PHP_EOL;
        }

        break;
    }
}

echo $output_css;
$file = 'coverage.css';
file_put_contents($file, $output_css);

?>

在WordPress style.css上进行了尝试，它节省了314kb样式表中的大约300kb的内容。尽管不是动态生成的样式的完美选择，但这是一个好的开始。

解析Chrome 73覆盖率导出

1 个答案: