\n',
'favicon': '',
'metas': '',
'scripts': '\n\n\n',
'renderer': '',
'config': '',
'css': ''
}
```
`scripts`和`css`键的值可能会不同，这取决于您包含的组件库或`assets`文件夹中的文件。
### 使用请求钩子定制 dash-renderer
为了实例化你自己的`dash-renderer`版本，你可以覆盖 Dash 的HTML Index Template，并提供你自己的脚本来代替标准脚本。这个脚本应该在某处调用`var renderer = new DashRenderer();`，它实例化了`DashRenderer`类。当你设置`app.index_string`时，你可以将这个脚本添加到你的 index HTML 中，或者你可以像这样简单地覆盖`app.renderer`：
```python
import dash
import dash_html_components as html
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
app.renderer = 'var renderer = new DashRenderer();'
app.layout = html.Div('Simple Dash App')
if __name__ == '__main__':
app.run_server(debug=True)
```
当你提供你自己的`DashRenderer`时，你也可以传入一个钩子对象来保存`request_pre`和`request_post`函数。这些请求钩子将在`Dash`向其后端发出请求之前和之后被触发。这里有一个例子：
```python
import dash
import dash_html_components as html
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
app.renderer = '''
var renderer = new DashRenderer({
request_pre: (payload) => {
// print out payload parameter
console.log(payload);
},
request_post: (payload, response) => {
// print out payload and response parameter
console.log(payload);
console.log(response);
}
})
'''
app.layout = html.Div('Simple Dash App')
if __name__ == '__main__':
app.run_server(debug=True)
```
请注意，`request_pre`函数将正在发送的请求的有效负载作为其参数，而`request_post`函数将有效负载和服务器的响应同时作为参数。这些可以在我们的功能中改变，允许你修改`Dash`发送给服务器的响应和请求对象。在上面的例子中，`request_pre`函数在每次服务器调用之前被触发，在这个例子中，它将`console.log()`请求参数。`request_post`函数将在每次服务器调用后触发，在我们的示例中还将打印出响应参数。
## 定制 Meta 标记
要在你的应用程序中添加自定义元标签，你可以覆盖`Dash`的 HTML 索引模板。另外，`Dash` 提供了一个快捷方式：你可以直接在 `Dash` 构造函数中指定 `meta` 标签：
```python
import dash
import dash_html_components as html
app = dash.Dash(meta_tags=[
# A description of the app, used by e.g.
# search engines when displaying search results.
{
'name': 'description',
'content': 'My description'
},
# A tag that tells Internet Explorer (IE)
# to use the latest renderer version available
# to that browser (e.g. Edge)
{
'http-equiv': 'X-UA-Compatible',
'content': 'IE=edge'
},
# A tag that tells the browser not to scale
# desktop widths to fit mobile screens.
# Sets the width of the viewport (browser)
# to the width of the device, and the zoom level
# (initial scale) to 1.
#
# Necessary for "true" mobile support.
{
'name': 'viewport',
'content': 'width=device-width, initial-scale=1.0'
}
])
app.layout = html.Div('Simple Dash App')
if __name__ == '__main__':
app.run_server(debug=True)
```