我有一个简单的rails 3 app和一个FB like按钮.我已经使用FB OG标签来获取图像在类似交易期间发布的其他相关信息.
当我在我的本地服务器上测试时和上传后,谎言会张贴Facebook的默认图像,并且不包含OG标记中的其他信息.
我看了几个关于此问题的其他问题,回顾了FB开发人员关于如何使用OG标签的说明,我确信我已经正确输入了它们.想知道是否还有另一个步骤或其他我想念的东西
我的头部标签就像这样
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>my title</title>
<meta property="og:title" content="My Site" />
<meta property="og:site_name" content="My Site" />
<meta property="og:url" content="http://www.mysite.com/"/>
<meta property="og:image" content="http://www.mysite.com/assets/image.png"/>
<meta property="og:type" content="ecommerce"/>
<%= stylesheet_link_tag "application", :media => "all" %>
<%= favicon_link_tag "/favicon.ico" %>
<%= csrf_meta_tags %>
身体的东西
我正在插入带有&符号的内容.我想知道是否需要插入它,&因此正确读取此符号.
像这样:
<meta name="description" content="lorem lorem S&B lorem lorem">
或者像这样:
<meta name="description" content="lorem lorem S&B lorem lorem">
我对iPhone 6 plus上的box shadow属性有显示问题.如果我添加元标记width=device-width,则根本不显示以下框阴影:
-webkit-box-shadow: 1px 1px 5px 5px #a8a8a8;
box-shadow: 1px 1px 5px 5px #a8a8a8;
如果我不使用元标记,如果放大页面,框形阴影"神奇地"消失.你可以在这里理解这一点:
http://jsfiddle.net/b6aaq57z/3/
这似乎是一个特定的iPhone 6加错误.在运行相同iOS版本(8.0.2)的旧版iPhone上,框阴影正常工作.
有人有解决方案吗？
有一些库管理<head>标签,例如:
但是所有这些库在服务器渲染上共享相同的API:Rewind.
首先使用生成组件树renderToString(),然后调用library.rewind()以获取<head>数据.
当您使用react-dom-stream来流式传输组件树而不是将它们呈现为字符串时,就会出现问题.你不能rewind因为流还没有被消耗掉,当它被消耗时,它已经太晚了.
这里应该采用什么方法？
我试图制作我的第一个HTML5页面,但我不能让它验证W3C一直告诉我,我的meta标签有一些错误.
有问题的页面是http://www.jmphoto.dk/otus/index.html(它是一个旧的HTML4页面,我尝试用作HTML 5的基础/重做)
我无法找到一个解决方案来获取以下元标记来验证或找到将验证它们的替代品
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta last-modified="Thu, 14 Apr 2011 12:17:27 GMT" />
<meta name="distribution" content="Global" />
<meta name="copyright" content="(c) 2012 OTUS" />
我周末大部分时间都试图在网上找到一个解决方案,但没有运气,所以我真的希望聪明的人可以帮助我.
我在OSX Lion上
我在Terminal.app中运行emacs
我想命令-x导致Mx(通常,命令 - > M)
我尝试了以下解决方案,但它们不是我想要的:
在系统首选项中将命令映射到Meta全局
仅在Terminal.app中将选项映射到Meta
我想要的只是在Terminal.app内部(或仅在emacs内部),将命令键绑定到meta.我该如何实现这一目标？
我见过的其他人编写的大部分HTML电子邮件和样板都总是声明一个视口元标记.
我谨慎地总是避免声明一个视口,并努力实现非常高水平的交叉/向后兼容性.
声明视口设置会使使用Blackberry的任何受众完全无法使用该电子邮件,并且整体上对任何客户端的支持都很差.
是否有理由使用我错过的标签？为什么我看到大多数其他人使用此电子邮件？
附加参考:http: //www.emailonacid.com/blog/details/C13/emailology_viewport_metatag_rendered_unusable
我正在寻找一个能从网址中提取视频的youtube持续时间的功能.我读了一些教程,但没有得到它.我使用网址在我的网站上嵌入视频,我有一个拉缩略图的功能,我只想要类似的东西来获取持续时间.这是我如何得到拇指......
function get_youtube_screen_link( $url = '', $type = 'default', $echo = true ) {
if( empty( $url ) )
return false;
if( !isset( $type ) )
$type = '';
$url = esc_url( $url );
preg_match("|[\\?&]v=([^&#]*)|",$url,$vid_id);
if( !isset( $vid_id[1] ) )
return false;
$img_server_num = 'i'. rand(1,4);
switch( $type ) {
case 'large':
$img_link = "http://{$img_server_num}.ytimg.com/vi/{$vid_id[1]}/0.jpg";
break;
case 'first':
// Thumbnail of the first frame
$img_link = "http://{$img_server_num}.ytimg.com/vi/{$vid_id[1]}/1.jpg";
break;
case 'small':
// Thumbnail of a later frame(i'm not sure how they …我正在尝试让我的网站在Google搜索上排名.我搜索了整个网络,文学上如何使这项工作.我看到,当我搜索时,它不使用描述元标记.当我查看我的源代码时,它使用og:description和description,这会导致任何类型的问题吗？是否应该像许多教程所暗示的那样进行重复数据删除？
<meta name="description" content="ELDE Cosmetics creates natural, fun and minimalistic skin care products for all skin types. Free from fragrance, essential oils, parabens.">
<meta name="keywords" content="Beauty, skincare, makeup, fragrance, perfume" />
<link rel="canonical" href="https://eldecosmetics.com/">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta property="og:type" content="website">
<meta property="og:title" content="ELDE Cosmetics — Natural & Organic Skin Care">
<meta property="og:description" content="ELDE Cosmetics creates natural, fun and minimalistic skin care products for all skin types. Free from fragrance, essential oils, parabens.">
<meta property="og:url" content="https://eldecosmetics.com/">
<meta property="og:site_name" content="ELDE">
我正在制作一个在用户的Twitter上检索推文的应用程序.
这些Feed包含指向外部资源的链接,例如Artciles,网页或YouTube视频.
我在Twitter API中提供了这些Feed的JSON,但是没有包含og:内容的属性.而且我想抓住它们并显示到我的网站上.
比如StackOverflow的这个问题:
<meta name="og:type" content="website" />
<meta name="og:image" content="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon@2.png?v=fde65a5a78c6"/>
<meta name="og:title" content="How can I check classes that ends with?" />
<meta name="og:description" content="I have some elements such as:
&lt;div class="button 17-facebook-dashboard-check"&gt;Elem1&lt;div&gt;
&lt;div class="button 18-google-dashboard-check"&gt;Elem2&lt;div&gt;
&lt;div class="button " />
<meta name="og:url" content="https://stackoverflow.com/questions/19001883/how-can-i-check-classes-that-ends-with"/>
我想在每条推文上捕获每个共享资源的信息.所以我觉得我会,每个鸣叫(这对我来说是一个盒子)做一个Ajax请求的客户端,下载HTML和解析它,检索og:title,og:description,og:type和og:image.
这是最好的方法吗？什么是在Javascript/Jquery中解析这些数据？