У меня действительно простая проблема, но мне трудно ее решить ... Я просто хочу изменить значок, который отображается, если вы добавляете веб-сайт на домашний экран на своем телефоне i, но после того, как я нажалприложение для облачного литейного яблока просто сделайте снимок экрана приложения и возьмите его в качестве значка.
Моя последняя попытка состояла в том, чтобы использовать эти две строки, но они тоже не работали:
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" href="/app/images/icons/apple-touch-icon.png" />
Дополнительная информация:
- URL-адрес значка доступен через веб-браузер
- Значок помещается в общую папку моего реагирующего проекта и переносится в папку сборки, когда проектbuild
- Следующий код используется для обслуживания статических файлов с использованием Express (в веб-интерфейсе используется React Router):
.
app.use('/app', express.static(path.join(__dirname,
'../client/build/app')));
app.use(
'/static',
express.static(path.join(__dirname, '../client/build/static'))
);
app.get('/apple-touch-icon.png', (req, res) => {
res.sendFile(
path.join(__dirname, '../client/build', 'apple-touch-icon.png')
);
});
app.get('/apple-touch-icon-180x180.png', (req, res) => {
res.sendFile(
path.join(__dirname, '../client/build', 'apple-touch-icon.png')
);
});
// Handle React routing, return all requests to React app
app.get('*', function(req, res) {
res.sendFile(path.join(__dirname, '../client/build', 'index.html'));
});
Есть лилюбой способ лучше отладить это?(Например, с помощью удаленного отладчика safari). Что может вызвать эти проблемы?