I am setting Weibo like button from the guide. And receiving interesting result that code that i write in jsFiddle is working but in the browser not. So what is the problem?
<!DOCTYPE html>
<html xmlns:wb="http://open.weibo.com/wb">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--必填-->
<meta property="og:type" content="app" />
<meta property="og:url" content="应用的URL地址,请勿携带统计代码,分页网址请统一填写第一页链接" />
<meta property="og:title" content="应用的显示名称标题,不建议携带网站名称等SEO信息" />
<meta property="og:description" content="应用的文字描述,将直接显示在微博里,建议完整填写,不要重复填 写标题" />
<!--选填-->
<meta property="og:image" content="应用的显示缩略图" />
<meta name="weibo:app:full_image" content="应用的原始大图" />
<meta name="weibo:app:create_at" content="应用的创建时间" />
<meta name="weibo:app:update_at" content="应用的更新时间" />
<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<wb:like appkey="4Q1NnV"></wb:like>
</body>
</html>
Code is OK, perhaps active content is blocked by the browser - you should check in console what is going on
Related
const input = document.getElementById("input");
document.addEventListener("DOMContentLoaded", init);
function init() {
input.focus();
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>hola</h1>
<input type="text" id="input" />
<script src="app.js"></script>
</body>
</html>
How can I make the keyboard open in the phone's browser? Try with focus() but it only appears blinking and the input is selected, but the keyboard does not open automatically, please, if someone knows how I can solve it, I would greatly appreciate it.
I'm currently trying to optimize my site and load font family asynchronously
At first it was an issue with material icons like in image below
After getting rid of this issue by using webfontloader in index.html I now have this error, which hasn't been as easy to get rid of
To try and solve it I changed the CDN link <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script> to webfont.js to using npm i webfontloader and loading it locally, but the issue is still there. How can I get webfont.js to not be render-blocking?
index.html
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta charset="UTF-8">
<title>My App</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="assets/logo.ico">
<script src="../node_modules/webfontloader/src/core/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ['Material+Icons']
}
});
</script>
</head>
<body>
<app-root>
</app-root>
</body>
</html>
i want to create small blog using express , ejs and markdown but when i tried to load markdown on page i saw this:
my code:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Blog</title>
<link rel="stylesheet" href="/css/style.css" />
</head>
<body>
<%=title%> <%=body%>
</body>
</html>
It is simple you have to change your tags to <%- yourVar%>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Blog</title>
<link rel="stylesheet" href="/css/style.css" />
</head>
<body>
<%-title%> <%-body%>
</body>
</html>
Hi I am trying to build the "get started" application from the threejs website. https://threejs.org/docs/index.html#manual/introduction/Creating-a-scene
I made a html like this:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>BIM Demo</title>
<script>"/js/three.min.js"</script>
<script type="module" src="./js/view.js"></script>
</head>
<body>
<h1>BIM DEMO</h1>
</body>
</html>
I specified my view.js as a module since I want to be able to use the import statement to import my typescript files, but when I try to show my application in the browser I get the message THREE not found.
I tried adding it with yarn but it does not work.
This is my structure
Your three.min.js file is wrongly included. Your HTML should look like this:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>BIM Demo</title>
<script type="text/javascript" src="./js/three.min.js"></script>
<script type="text/javascript" src="./js/view.js"></script>
</head>
<body>
<h1>BIM DEMO</h1>
</body>
</html>
I build a website using Sails js and Angularjs and I want to create facebook share button but I found a problem, it seems they cannot read my meta:og in my layout.ejs file. I am using https://developers.facebook.com/tools/debug/ but the result is :
Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
Missing Properties
The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id
Here is my code
<meta property="og:title" content="Facebook Open Graph META Tags"/>
<meta property="og:image" content="https://davidwalsh.name/wp-content/themes/klass/img/facebooklogo.png"/>
<meta property="og:site_name" content="David Walsh Blog"/>
<meta property="og:description" content="Facebook's Open Graph protocol allows for web developers to turn their we">
<meta name="description" content="{{meta.metaDescription()}}">
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta name="keywords" content="{{meta.metaKeywords()}}">
<meta name="author" content="BLAH inc">
<meta name='subject' content='my subject'>
<meta name='copyright' content='BLAH inc'>
<meta name='language' content='ID-id'>
<meta name='robots' content='index,follow'>
<meta name='revised' content='Wednesday, 09-Aug-2017, 14:21'>
<meta name='abstract' content='my abstract'>
<meta name='topic' content='my topic'>
<meta name='summary' content='my summary'>
<meta name='Classification' content='Business'>
<meta name='owner' content='my owner'>
<meta name='url' content='https://www.mywebsite.com'>
<meta name='identifier-URL' content='https://www.mywebsite.com'>
<meta name='directory' content='submission'>
<meta name='pagename' content='blah'>
<meta name='category' content='blah'>
<meta name='coverage' content='..'>
<meta name='distribution' content='..'>
<meta name='rating' content='..'>
<meta name='revisit-after' content='1 days'>
<meta name='subtitle' content='..'>
<meta name='target' content='all'>
<meta name='HandheldFriendly' content='True'>
<meta name='MobileOptimized' content='320'>
<meta name='date' content='Aug. 22, 2016'>
<meta name='search_date' content='2017-05-09'>
<meta name='DC.title' content='...'>
What is my mistakes?