#vuejs2 #vue-meta
Вопрос:
У меня здесь есть некоторый код, и я хочу проверить исходный код страницы, чтобы убедиться, что он работает, но я ничего не вижу в исходном коде.
export default {
name: 'LandingPage',
metaInfo() {
return {
title: this.page.title,
meta: [
{
property: 'og:title',
content: this.page.title,
template: chunk => `${chunk} - Website name`,
vmid: 'og:title'
},
],
};
},
...
}
Как мне проверить, что добавляет vue-meta? Есть ли способ увидеть это в СПА-приложении?
Ответ №1:
Я обнаружил, что вы можете просматривать элементы страницы, используя область Инструментов разработчика браузера.
- В Chrome нажмите F12, чтобы открыть панель инструментов разработчика
- Перейдите на вкладку Элементы
- Щелкните область документа
<head></head>, чтобы развернуть ее - Ищите свои мета-теги
