Facebook Debugger 檢查錯誤教學使用property meta標籤做分享

Facebook可自行抓取文章內資訊做分享訊息,或使用meta標記指定此頁面在分享時要呈現的資訊,如下範例:

以下範例顯示如何使用 og:type="article" 以及許多其他屬性來標示文章、動態消息或部落格貼文:

<meta property="og:url" content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type" content="article" />
<meta property="og:title" content="When Great Minds Don’t Think Alike" />
<meta property="og:description" content="How much does culture influence creative thinking?" />
<meta property="og:image" content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

Facebook在分享貼文時,都會把分享過的資料用存起來,所以在Facebook若要使用property meta標籤做分享時,需要配合使用Sharing Debugger做除錯,此功能可重新產生網頁上的最新的Facebook分享貼文結果,只要貼上要除錯的網址要按下Debug按鈕。

Posted in 電腦技巧

Continue Reading

Comment

Sublime text 3 ColorPicker 調色盤安裝後不能使用解决方法

ColorPicker色盤套件是個讓在Sublime Text下寫CSS時,可以快速的開起選色盤選色的外掛,是個幫助您更有工作效率的好工具,但不知為什麼安裝ColorPicker後發生沒辦法使用的情況

這邊主要發生的原因在快捷鍵發生衝突convertToUTF8ColorPicker,使得按下相同的ctrl+shift+c,ColorPicker沒有反應,convertoUTF8的預設值GBK的快捷鍵也是ctrl+shift+c。

主要解決方法是修改了不常用convertToUTF8 GBK的快捷鍵,因為它可以直接使用選單選擇也可以。

Posted in 電腦技巧

Continue Reading

Comment

Javascript使用setAttribute更改HTML元素屬性方法

Javascript可以使用getElementsById setAttribute來做到跟改html元素屬性方法如下:

範例一

<img id="images" src="/" width="100"> 
<scritp> 
  document.getElementsById("images").setAttribute("width", "200"); 
<script>
 //執行結果 <img id="images" src="/" width="200">

範例二

<!DOCTYPE html>
<html>
<head>
<style>
.democlass {
    color: red;
}
</style>
</head>
<body>

<h1>Hello World</h1>

<p>Click the button to add a class attribute with the value of "democlass" to the h1 element.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");
}
</script>

</body>
</html>

 

相關連結展示:http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_element_setattribute1

Posted in Javascript

Comment

Find the last offers by SkyBet at www.bettingy.com BettingY.com Bonuses