我使用以下功能(GWT)动态创建HTML元标记.将其放在DOM上需要1秒钟.除了Facebook,它运行良好.当我从网络共享链接时,刮板会得到HTML中的元标记:无.我该如何解决? /** * Include the HTML attributes: title, description and keywords (meta tags) */ private void createHTMLheader(MyClass thing) { String title=thing.getTitle(); String description=thing.getDescription(); Document.get().setTitle(title); MetaElement metaDesc = Document.get().createMetaElement(); metaDesc.setName("description"); me
以下是关于 meta-tags 的编程技术问答
我目前正在开发HTML 5 WebApp.整个应用程序的运行良好,除了可扩展性(缩放).我已将以下元标记放在我的WebApp页面上, 经过大量研究,我得出的结论是,这些元标记主要用于iPhone版本的Safari.但是,我正在遇到的问题是,当iPhone用户在我的网站上,此前将WebApp书签在主屏幕上书签之前,用户无法放大或输出(使用夹紧运动).似乎创建缩放有效的唯一方法是用户是否更改手机的方向. 我已经使用Apple设备和Android设备测试了此META标签.当用户量表= no时,Android设备禁用缩放,并在用户量表= YES时允许缩放,而Apple设备在两个测试案例中的任何一个中都不允许缩放. 我的问题是: 这些元标记主要
是否有一种方法可以在iPhone上创建Android Web应用程序? 在HTML页面的头部元素中使用" Apple-Mobile-Web应用程序"元标记,它告诉Apple iOS,可以将应用程序安装到用户Springboard,以便启动Safari Mobile浏览器没有菜单栏. 解决方案 Android上的Chrome现在支持元tag 自Chrome M31以来,您可以设置Web应用程序以拥有一个应用程序 快捷方式图标添加到设备的HomeScreen中,并进行应用程序启动 在全屏幕"应用模式"中,使用Chrome for Android的"添加到 HOMESCREEN"菜单项. 有关mobile-web-app-capable元标记的详细信息,请向下滚动到"支持HomeScreen安装的应用程序"之前: 自M31以来,Chrome将在此处寻找以下元标记 网页的元素(如果有指定显示的清单, 这被忽略):
看一下:如何制作具有相同设计的网页.我用它制作了一个名为此pdf ,它的书面使用了所有页面的不同关键字,标题和描述.但是在我的网站上,我使用了一种方法,其中我将头和其他一些东西放在一个名为header.php的文件中,以及在footer.php中的内容下方的东西,然后在ex的页面中. home.php,我认为: my text 我的元位在标题中,所以我如何在每个页面中更改它. 如何编写关键字,即Xphoenix,X,Phoenix,F1等. 还要告诉我其他方法使我的网站在Google之上,并使它看起来更好. 请给我一些有关站点地图以及如何制作的信息. 如果我有名字:X团队phoenix,我应该在关键字中写Team,X,Phoenix或Team X Phoenix. 解决方案 您可以这样做: 在您的主页中.php $meta1
iam使用vue.js and node.js和我在Cloudinary中上传照片,当我在Heroku上上传时,它效果很好,但是我会为图像带来错误,我尝试了很多求解方法,但它不起作用 那是错误 Refused to load the image 'https://res.cloudinary.com/ammarleejot/image/upload/v1609954985/j7v7ezyvnax9fuokrryb.jpg' because it violates the following Content Security Policy directive: "img-src 'self' data:". 那是我尝试使用 的元标记
我正在编写使用WebView的VSC省点.扩展程序本身可以正常工作,但是我的WebView中的JS和CSS并未加载. 我不断在WebView控制台中遇到错误,例如: VM102 main.js:12 Refused to load the stylesheet 'vscode-resource://file///full/disc/path/to/vsc-extension/resources/css/webview-package.css' because it violates the following Content Security Policy directive: "style-src nonce-LSAOCrvSSPay9prF40mc5JyRJ9BzFUKR". Note that 'style-src-elem' was not explicitly set, so 'style-src' is used as a fallback. (anonymou
我们使用react在客户端渲染中使用React构建了一个项目(Web应用程序). 我们已经使用了React-Helmet进行动态分配元标记. 问题是该应用程序在浏览器中呈现时.浏览器仅在初始负载上获取静态HTML,该负载不包括我们设置的动态元标记.但是,在检查时,您将这些元标记在"元素"下获得. 另外,如果我们使用这些URL在任何社交媒体上共享,例如WhatsApp或Facebook,则URL不会像应有的那样呈现任何元数据. 尝试搜索解决我们问题的解决方案,我们遇到的最明显的答案是尝试使用服务器端渲染.我们明白了,但是当我们准备好使用应用程序推出时,这不是一个解决方案. 我们遇到的其他人是" react-snap"," react-snapshot",但没有运气 使用React-Snap,它需要将React的版本升级到16+,但我想并不是所有的依赖项都升级了,有一个错误说" 水合不是功能 (水合涉及反应-dom) 使用React-Snaps
我需要我的网站根据设备进行调整.我使用以下视口元标记: 它在iPhone上可以正常工作.但是在Android上,即使我更改比例值,它也根本没有响应它. Android有不同的标签吗? 解决方案 您应该为Android使用相同的标签,但是存在一些区别,不同的平台如何计算出视口尺寸或视图大小(如果未设置)的初始规模.还要记住,初始尺度仅首次加载页面,如果您重新加载页面,它将保持您当前拥有的缩放. 我不确定您要寻找的结果,但是您在这里有很好的参考( http://developer.android.com/guide/webapps/targeting.html )和iPhone在这里(). 另外,您可以
我需要更改取决于视觉视口宽度的元视口标签.我知道该怎么做,但它不起作用.我认为这是因为该网站运行的JS太晚了,无法生效.可能不是这个,但这是我的第一个想法. 在我的application.js文件中: $(document).ready(function() { // If the screen width is 480 or less, then add a meta viewport tag // (so the default mobile display is used on iPads until that optimized view is added) if (window.innerWidth
我试图了解iOS设备的视口元标记.我创建了一个测试页面,其中插入了一个宽度为862px的图像.因此,我的视口元标记为: 在iPad 3上,分辨率宽度为1536像素,并且将视口设置为iPad 3的可见量相同,862px图像被炸毁,宽度略大一点可见区域.因此,我必须水平滚动以查看图像的其余部分. 这使我认为设备宽度正在返回768像素,并且这是862像素图像的水平滚动的额外水平滚动.为什么这样做?我必须考虑某种像素密度吗? 更新 我尝试将宽度设置为数值宽度,与图像的确切宽度相同(在这种情况下为" 862").因此,网页是862x206,与图像相同,但它与将宽度设置为设备宽度相同. 更新2 我创建了一个非常简单的页面,出于某种原因,一个具
更新12/2020:看到这篇文章仍然开始活动,我必须强调,这里没有适用于现代网络开发的答案.实际上,这里几乎所有答案都将使您的网站适应残障人士.您的响应网站唯一应该包含在head标签中的内容是: 如果您试图将用户锁定在特定的规模(例如诉讼甚至政府罚款)时,不仅仅是UX的风险. . - 继续自负 - 更新03/2019:此问答仍然有一些活动,将近5年的问题出现了.请注意,此问题的部分原因是当时较旧的移动设备中更常见的不规则性.有了当今的浏览器和设备,使用视口的可伸缩性将是一个解决更大问题的鞋子,这在您的CSS或您的标记中可能是一个问题. 我已经建立了十二个响应式网站,从未遇到这个问题.基本上,我正在使用元标记进行宽度=设备宽度的视口,但是iPhone和Android设备仍在放大.由于某种原因,我在Windows手机上没有这个
这个特定的移动野生动物园(看似不可能却没有证明)的问题使我今天很长时间了,当我弄清楚它时,我正要在这里发布一个问题. 问题:当我设置时,我的iPad Web-App仍然允许手动缩放(在浏览器中捏住). - 但仅在我的iPad上,而不是在我的iPhone上. 我还将在肖像之间旋转设备到景观模式,以检查特定的方向模式CSS代码,这给出了奇怪的结果: 从景观旋转到肖像,没有问题,所有事物的大小和位置很有意义. 之后,从肖像旋转到景观,..视口保持在肖像模式下的宽度,即.它被缩放(缩放).我必须手动缩放才能回到完整的图片/视口.这应该是不可能的. 解决方案 我然后找到了很棒的 iPad css css css css
我正在研究Web项目的iPad版本,并且正在使用Safari的Web Inspector使用CSS布局等.但是,我已将错误跟踪到视口META标签. 当带有iOS 9.0-9.2的iPad空气处于肖像模式时,视口元规则被损坏/忽略.这是iPad Air iOS 9.2的屏幕截图: 问题: 在肖像中,html和body标签的计算宽度为768px,但右侧的空白空间约为300px.另外user-scalable=no不适用.固定物品(如导航和页脚)如图所示的100%. 景观很好,所有其他设备/操作系统都按预期工作. 网站是utilidata.com.有人看过这种行为或知道解决方案吗? 更新:我正在看到 解决方案 确保将以下更改合并为meta> viewport: 删除width=dev