相关疑难解决方法(0)
Favicon尺寸？
我有一个尺寸为height = 26px/width = 20px的图标,名为favicon.png
<link href=http://www.example.com/images/favicon.png rel="shortcut icon" />
但是,在我的浏览器中,我的favicon.png都是扭曲的.
问题:我的favicon.png应该是特定尺寸吗？另外,我可以使用非标准尺寸/尺寸,如果是,如何使用？
推荐指数
解决办法
查看次数
在WhatsApp中显示链接的缩略图|| og:图像元标记不起作用
试图按照这个问题:为whatsapp链接共享提供图片
我创建了一个简单的HTML网页,其中包含基本的Facebook元标记:
<!--FACEBOOK-->
<meta property="og:title" content="San Roque 2014 Pollos" />
<meta property="og:description" content="Programa de fiestas />
<meta property="og:image" content="http://pollosweb.wesped.es/programa_pollos/play.png" />
Facebook linter验证正确,在Facebook上显示完美,但当我尝试通过WhatsApp分享时,图像不显示.
我在Android上的WhatsApp上尝试它
推荐指数
解决办法
查看次数
打开图：全局类型列表
我的用例
我正在为会议建立一个网站，具有opengraph用于 Facebook 和 Twitter 共享的属性。
该验证说，og:type字段是强制性的：
所以，我添加了一个字段：
<meta property="og:type" content="..." />
我的问题
我不确定我的内容类型是什么。该手册指出：
为了在图形中表示您的对象，您需要指定其类型。这是使用 og:type 属性完成的：
Run Code Online (Sandbox Code Playgroud)<meta property="og:type" content="website" />当社区就一种类型的模式达成一致时，它会被添加到全局类型列表中。
但是，我找不到“全局类型”列表，我不确定我的会议网页的类型是什么。
我的问题
在哪里可以找到开放图形对象的全局对象类型列表？
推荐指数
解决办法
查看次数
WhatsApp 链接预览不适用于安卓手机
我正在尝试在 whatsapp 上显示链接预览，它适用于 ios 和 windows，但不适用于 android。我已经尝试了所有应该在标签中的元标签。我错过了什么吗？
推荐指数
解决办法
查看次数
Whatsapp 预览链接上未显示缩略图和说明
我已经通过这些链接完成了 2020 年标准的强制性步骤，但 WhatsApp 上仍然没有显示说明和缩略图。
我一直在测试的链接是： https: //research.verdhana.id/TEST
我的网站已通过 SSL 和有效的 SSL 证书（非自签名）进行保护。缩略图是大小为 18KB、尺寸为 400x400 的 JPEG 图像。
我使用 Vue.js 并且不使用服务器端渲染，因此我将所有强制元标记放在 index.html 中，这样即使不执行 JavaScript，爬虫也可以读取它们。
og:image 标签已使用完整路径和相同的域。og:url 元标记对于任何 URL 路径总是相同的，因为它是写在 index.html 中的，但我认为这应该不是问题。
以下是 head 标签内的标签：
<head>
<meta property="fb:app_id" content="my_fb_id" />
<meta property="og:image" content="https://research.verdhana.id/logo.jpg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<meta property="og:title" content="Verdhana | Research" />
<meta property="og:description" content="Verdhana research website" />
<meta property="og:url" content="https://research.verdhana.id" />
<meta property="og:site_name" content="Verdhana | Research" />
<meta property="og:type" content="website" …推荐指数
解决办法
查看次数
在 WhatsApp 中共享时显示网站图标
标题可能听起来很模糊，但我希望我的网站图标在我分享时显示在 WhatsApp 中（如下例所示）。
认为这就足够了，但显然它不是这样工作的：
<link rel="shortcut icon" href="css/img/favicon/favicon.ico" type="image/x-icon"/>
编辑
快速阅读 OpenGraph 文档（及其他评论）后。我在脑海中添加了以下内容：
<meta name="robots" content="noindex, nofollow" />
...
<meta property="og:title" content="Website - Home" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://mywebsite.com/" />
<meta property="og:image" content="https://mywebsite.com/img/favicon/android-icon-192x192.png" />
<link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="img/favicon/android-icon-192x192.png">
<link rel="icon" …推荐指数
解决办法
查看次数
在四开本中如何编写内联 CSS
我想为以四开本呈现为 HTML 的句子中的单词着色。在 R Markdown 中，我只需添加一个 css 标签，但我不知道如何在四开本中执行此操作。quarto文档说可以编写内联 css，但没有示例。有一个超链接显示了 R Markdown 示例：
```{css, echo=FALSE}
body {
color: red;
}
```
当我这样做时，四开将代码显示为代码块并且不使用 CSS。
如何将 CSS 代码块添加到四开文档？
推荐指数
解决办法
查看次数
Whatsapp 桌面上的共享链接预览问题
我试图找出为什么桌面客户端不生成来自特定网站的网址的预览。
例如，此网址 - https://est.ua/ru/press/9259664/
当我从 Android 上的 Whatsapp 发送此网址时，我正确地看到了预览块。当我从 Windows 桌面上的 Whatsapp 发送这个 URL 时，我根本看不到预览块。
重现问题的步骤。
- 在 Android 或 iOS 手机上打开 Whatsapp（无论是哪一款）。
- 与某人打开对话
- 在消息框中输入（不发送）：https ://est.ua/ru/press/9259664/
- 稍后会出现网址预览
- 发信息。消息出现在对话框中，预览存在于消息中。
- 在 Windows 电脑上打开 Whatsapp
- 与某人打开对话
- 在消息框中输入（不发送）：https ://est.ua/ru/press/9259664/
- 无论我等多久，网址预览根本不会出现
- 发信息。消息出现在对话框中，但不包含 URL 的预览。
问题出现在步骤 9-10（在 Windows 上）。步骤 4-5（在 Android 上）和步骤 9-10（在 Windows 上）之间存在差异。
这是一个问题的屏幕截图：
第一条消息 (15:33) 是从桌面上的 Whatsapp 发送的，但不知何故没有预览。第二条消息（15:35）是从 Android 上的 Whatsapp 发送的，但它确实有预览。
上述页面包含必需的 og: 元标记（og:type、og:image、og:title、og:description、og:url、og:site_name）并已正确验证：
- https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fest.ua%2Fru%2Fpress%2F9259664%2F
- https://opengraphcheck.com/result.php?url=https%3A%2F%2Fest.ua%2Fru%2Fpress%2F9259664%2F
对这些进行了测试：
- Android 手机：Xiaomi Mi A3 (android 9)，whatsapp：WhatsApp/2.20.47 A - 好的
- Windows：Windows 10 专业版，版本 1909（内部版本 18363.657），whatsapp：WhatsApp/0.4.930 …
推荐指数
解决办法
查看次数
是否可以显示 Flutter Web 链接的链接预览？
我正在考虑在 flutter web 上开发一个电子商务应用程序，使用 Navigator 2.0，也许是 beamer。
我希望人们能够分享 flutter web 链接并在社交网络上显示预览。这可能吗？
只是为了澄清：我不想在我的网络应用程序上显示其他网站的预览。我想在社交网络上显示我的 flutter web 应用程序链接的预览。那可能吗？
推荐指数
解决办法
查看次数
从 Android 应用分享视频
我们是一个视频托管门户网站，用户可以在其中上传视频并根据他们获得的观看次数从中获利。我们最近推出了一个 Android 应用程序，并尝试将“分享”按钮集成到每个视频中。这是我们放置的代码
Intent intent = new Intent();
try {
URL url = new URL("https://www.clipsnow.com/videos/images/thumbnails/230/10493.jpg");
Bitmap image = BitmapFactory.decodeStream(url.openConnection().getInputStream());
intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
intent.setAction(Intent.ACTION_SEND);
intent.setData(Uri.parse("https://www.clipsnow.com"));
intent.putExtra(Intent.EXTRA_TEXT,msg);
intent.setType("text/plain");
intent.putExtra(Intent.EXTRA_STREAM, getImageUri(v.getContext(), image));
intent.setType("image/*");
intent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION);
v.getContext().startActivity(Intent.createChooser(intent, "Share Video"));
} catch (Exception e) {
e.printStackTrace();
}
当我们与此共享任何视频时，只有缩略图与视频标题一起共享。但是，我们需要共享视频 URL，当用户点击 URL 时，用户将被带到我们的应用程序。
我们怎么做？
推荐指数
解决办法
查看次数
为什么 WhatsApp 链接共享中不显示图像？
我正在尝试使用开放图谱数据丰富网站，让页面作者决定哪些图像和文本显示在社交媒体的预览中。但是，我无法让 WhatsApp 在共享卡中显示小图像。
\n\n我当前的标记如下所示：
\n\n<meta property="og:url" content="https://dev.firapeel.nl/activiteiten/%CE%A3%CF%89%CE%BA%CF%81%CE%AC%CF%84%CE%B7%CF%82">\n<meta property="og:title" content="\xce\xa3\xcf\x89\xce\xba\xcf\x81\xce\xac\xcf\x84\xce\xb7\xcf\x82">\n<meta name="description" content="Excerpt of Greek text, something by Plato">\n<meta property="og:description" content="Excerpt of Greek text, something by Plato">\n<meta property="og:image" content="https://dev.firapeel.nl/img/opengraphtest/the-alps-4440879_1920.jpg?type=open_graph">\n<meta property="og:image:width" content="600">\n<meta property="og:image:height" content="315">\n当我仔细阅读这个答案时，我认为我符合所有提到的要求，并且图像小于300KB且大于300x200。出于测试目的，这是包含此数据的页面（页面不会永远在线，但至少只要没有可接受的答案）。
\n\n让我惊讶的是，这个页面确实在 WhatsApp 上生成了预览图像，所以我查看了它的标记：
\n\n<meta property="og:type" content="website" />\n<meta property="og:site_name" content="The Criterion Collection" />\n<meta property="og:title" content="Jack Reynor\xe2\x80\x99s Top 10" />\n<meta property="og:url" content="https://www.criterion.com/current/top-10-lists/365-jack-reynor-s-top-10" />\n<meta property="og:description" content="A voracious cinephile with wide-ranging taste, the star of Midsommar shares a list of favorite …推荐指数
解决办法
查看次数
添加预览到 html 链接标签
当我们共享一些链接时，它会显示一个链接预览图像和一些文本。我们如何添加到我们的http链接？希望我的问题很清楚。
推荐指数
解决办法
查看次数
将 DIV 放置在 <head> 中
我将在网站中安装一个横幅，其目标是整个网站的运行。横幅设置为position:fixed& bottom:0px，因此它将是底部的浮动横幅。
我的网站结构是一个公共的头文件，有很多对应不同页面的正文文件。
如果我把这个DIV放在公共头文件（该<head>部分）中，它会自动实现结果。但是，如果我把这个DIV放在body文件中（该<body>部分），我就必须一张一张地打开body文档并多次添加DIV。
我在网上看到，人们总是不建议在<head>节中放置DIV。我可以知道原因吗？有什么坏处吗？我自己测试了一下，好像没有太大区别。
推荐指数
解决办法
查看次数