Javascript 获取php样式表输出并存储为变量

我试图获取php文件的输出，并将该内容存储到单独页面上的变量中。php样式表中的内容类型是text/css。当我能够将该内容存储到变量中时，我会将其与jQuery插件文本编辑器一起使用，以便用户可以编辑动态样式表

这是我到目前为止要讲的内容

Php样式表示例

<?php
header("Content-Type: text/css");
$value1 = 5;
?>
.example {
    top: <?= $value1 ?>px;
}
More css...

function includeToVar($f){
    ob_start();
    require($f);
    return ob_get_clean();
}

$content = includeToVar("file/path/file.php");

所需输出

.example {
    top: 5px;
}

问题

<?php
header("Content-Type: text/css");
$value1 = 5;
?>
.example {
    top: <?= $value1 ?>px;
}
More css...

function includeToVar($f){
    ob_start();
    require($f);
    return ob_get_clean();
}

$content = includeToVar("file/path/file.php");

我目前面临的问题是，当我将内容存储到变量$content中时，第二个页面的内容类型将更改为text/css。这不是我想要的。我希望第二页保持为text/html

如何防止第二页更改内容类型？有没有更好的方法来存储此内容

header("Content-Type: text/css");

不要用这句话，你只想要内容，对吗？ 标题将为整个运行设置，而不是您包含的内容。 我不相信您可以在变量中设置标题；）

---

你还可以做的是读取文件而不是包含它，这样你就可以评估文件的内容了，但我并不建议你这么做。

如果你想在CSS中使用变量，为什么不研究类似或的东西呢？