问题标签 [metatag]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
327 浏览

ipad - 横向设备的不同视口元标记

横向设备与纵向设备是否可以使用不同的元标记

例如,我只想将此元标记用于 ipad 纵向模式

对于 ipad 上的横向模式,我想将初始比例更改为此

0 投票
0 回答
183 浏览

facebook - 喜欢按钮发布:名称用户喜欢的索引/应用名称

我有一个喜欢按钮的问题:如果点击,它会在时间轴上显示这篇文章:

{name user} 喜欢 {app name} 上的索引,并带有正确的描述和缩略图

我把这些元标记

和喜欢的按钮是:

使用调试器我看到一个奇怪的事情:如果我输入网站 url,一切都很完美,但如果我使用 facebook 应用程序的 url 进行测试,它返回索引

我该如何解决这个问题?谢谢你

0 投票
2 回答
10781 浏览

html - 使用 PhoneGap 缩放和适应内容(使用视口)

我正在尝试将旧项目改编并移植到 PhoneGap。

到目前为止,该项目在 Android 浏览器下可以正常运行,但它不适用于 PhoneGap,因为它不会调整内容以适应整个屏幕。它总是留下一个空白,这不是我想要的。PhoneGap 似乎没有注意我正在使用的元标记中的视口属性。

我一直在做一些测试以找出问题,但没有任何结果。

例如,下面的测试只包含两个文件:index.html 和 config.xml

它包含一个宽度为 276 像素的 DIV,我希望 PhoneGap 能够像 Android 浏览器一样使其适合整个页面。

顺便说一句,我正在使用 PhoneGap Build 网站在线构建这个测试。

这是 index.html 文件的内容(我没有使用 DOCTYPE 来简化它,但即使使用它也无法正常工作):

这是 config.xml 文件的内容(注意首选项 EnableViewportScale 设置为“true”,但即使设置为“yes”也不起作用):

就是这样。有什么我做错了吗?我怎样才能归档我正在尝试做的事情?我确信它应该有一个非常简单的解决方案,但我现在找不到它。

非常感谢您,对我的英语感到抱歉,这不是我的母语。

干杯,琼

0 投票
1 回答
6226 浏览

ios - 即使视口元标记中的分辨率宽度为 1536,ipad 3 设备宽度是否始终为 768?

我正在尝试了解 ios 设备的视口元标记。我创建了一个测试页面,在其中插入了一个 862 像素宽的图像。所以我的视口元标记为:

然而在 ipad 3 上,分辨率宽度为 1536 像素,并且视口设置为与 ipad 3 相同数量的可见区域,862 像素的图像被放大了,宽度比可见区域稍大。所以我必须水平滚动才能看到图像的其余部分。

这让我认为设备宽度返回 768 像素,这说明了 862 像素图像的水平滚动的一点点额外。为什么要这样做?我必须考虑某种像素密度吗?

更新

我尝试将宽度设置为数字宽度,与图像的确切宽度相同(在本例中为“862”)。所以网页是 862X206,与图像相同,但它与将宽度设置为设备宽度完全相同。

更新 2

我创建了一个非常简单的页面,由于某种原因,一个视口为 862 像素的空白页面导致我的 ipad 3 上的水平和垂直滚动,代码:

这种滚动导致视口不适合可视区域或屏幕尺寸。我不明白。任何见解将不胜感激。谢谢你。** 注意 ** 我忘记将填充和边距重置为 0,它添加了 8 像素的边距。

更新 3

好吧,本来我以为 device-width 会返回 ipad 3 的 1536 像素的分辨率宽度。显然,它返回的屏幕尺寸是 768 像素。

任何大于 768 的视口宽度都会让我在 ipad 3 上滚动。为什么?如果您有一个 1024 像素的页面,并且您想将其放入 ipad 3 的可见区域中。您将宽度设置为 1024,初始比例为 1,这不应该使 1024px 视口适合可视区域?

解决方案

好的,所以,如果你想让每个设备都知道如何缩放你的页面,你所做的就是忽略初始比例。

因此,如果我只设置宽度,使用设备宽度或数值,而忽略初始比例,它会自动为您计算缩放。它只是工作。

我的困惑在于宽度是什么意思,宽度是指应用比例之前的宽度,所以如果我说:

缩放前的视口宽度是768,如果网页正文是862px,在应用1.0的比例因子后,内容乘以1.0,862*1.0,所以现在的视口宽度以该比例因子缩放的内容的宽度,862px。我希望我理解这一点。这就是我的困惑所在,这就是宽度的含义。

0 投票
1 回答
123 浏览

ios - 为什么视口元常数设备宽度不为 ipad 3 返回 1536 像素而不是 768 像素?

我不明白你还能如何让每个设备弄清楚页面在所有设备上的屏幕显示方式,如果它只是返回与像素密度较小的旧 ipad 相同的宽度。ipad 3 应该如何知道如何仅使用 viewport 元标记来显示页面?

0 投票
1 回答
1699 浏览

php - 从多个 URL 中提取标题和描述

我有一个链接列表,都是文章。我正在尝试使用 PHP 一次从所有这些中提取标题和描述。我还希望文章标题是指向 URL 的超链接,并且在其下方以斜体显示描述。

我的问题是:当我为一个链接执行此操作时它可以工作,但是当我尝试多个链接时,或者即使我复制代码并手动粘贴到每个链接中,它也不起作用。下面是我的代码,它适用于一个链接。有任何想法吗?

0 投票
2 回答
297 浏览

asp.net - 更改 PNG 图像文件的元标记

我正在使用 PngCs dll 在 asp.net 中获取 Png 图像文件的块数据,我能够做到这一点,但现在我想更新该 PNG 的块数据。

我使用了 PngWriter,但它正在创建全新的文件而不继承块数据。

下面的代码用于通过 PngWriter 编写新的 Png 图像,我想在创建新文件时嵌入新的 itxt 块。

如需进一步参考,请单击此链接

0 投票
1 回答
373 浏览

html - 在 html 页面中使用 IE=edge 的缺点

<meta http-equiv="X-UA-Compatible" content="IE=edge">在我的应用程序中使用。它将选择机器中安装的最新版本的 IE 进行渲染。

<meta>使用这个标签有什么缺点吗?

0 投票
1 回答
310 浏览

nopcommerce - NopCommerce - 在特定页面和语言上使用元标记 noindex

我有一个使用 3 种语言的网站。问题是这些语言中只有一种具有特定页面。(客户希望每种语言用于他销售的每个国家/地区)

我可以在标题中创建一个元标记,它会忽略整个页面,但这会禁用以所有语言为该页面编制索引。

有没有办法只在特定语言的页面中禁用索引?(使用 WorkContext.WorkingLanguage.Id,即)

谢谢你。

太极

0 投票
1 回答
224 浏览

android - Android忽略“视口”元标记

我在我的网页标题中包含了“视口”元标记:

元标记在 iOS 设备上完美运行,但 Android 设备完全忽略它。

我究竟做错了什么?