參考連接,自己改寫。
思路:
qr code 的網頁打開時,你需要先用js判斷,目前是iPhone、Android,
然後再跳到對應的網頁
iPhone → fb://page/?id=100064697889139
Android → fb://page/100064697889139
如果無法跳到 facebook app,再跳到
個人電腦 → facebook.com/yamworld
實作:
程式裡, fb:page.id / fb:page.name 的 content 換成你的值
<meta name="fb:page.id" content="100064697889139">
<meta name="fb:page.name" content="yamworld">
掃qr code後,就直接判斷手機是否已有登入臉書的app軟體,不需在輸入帳密,若是沒有的話,就判斷可開啟指定網址開啟就好。
android fb://page/324056764118977
facebook https://www.facebook.com/freedisabled2.0
ios fb://page/?id=324056764118977
pc https://www.facebook.com/freedisabled2.0
你直接依照我文章的程式改就好了
我改好了,如下,那檔案要存放在那裡?
a {
margin: auto;
}
svg {
height: 300px;
}
function openFacebook() {
const id = document.querySelector('meta[name="fb:page.id"]').content
const isIOS = osPattern('\\biPhone.*Mobile|\\biPod|\\biPad|AppleCoreMedia')
if (isIOS) {
window.location = 'fb://page/?id=' + id
}
const isAndroid = osPattern('Android');
if (isAndroid) {
window.location = 'fb://page/' + id
}
const name = document.querySelector('meta[name="fb:page.name"]').content
setTimeout(function () {
window.location = 'https://facebook.com/' + name;
}, 1)
}
(function () {
openFacebook()
})();
放那個網路空間,我是建議另外問。依照你的能力跟條件,其他大大會有不同的建議。我個人是偏好 github page,跟其他方案比起來,可能沒那麼簡單。
建議你將檔案放在電腦裡,點開能正確執行,再來討論其他的。
YC (yycking)您好:
可以執行了,出現在如何把檔案放在網路上?google硬碟空間可行嗎?然後可以測後手機app的話,檔案頁面我就會漸漸修改美編了。
沒用過,不過我之前有看過類似文章。不知道還能不能用?
剛剛測試如下影片教學,但結果有問題
影片:https://www.youtube.com/watch?v=_-nlda0fSc4
結果:https://sz3quhp6aceuatggppaihg.on.drv.tw/QR/
你要不要是是看 github pages,也是免費的
https://medium.com/進擊的-git-git-git/從零開始-用github-pages-上傳靜態網站-fa2ae83e6276
請問一下,若手機沒有安裝臉書app軟體的話,指令是導向手機裡頭瀏覽器開啟嗎?
另一個問題,網頁可以加注提供:身心障礙者部落格聯盟粉絲團嗎?
問題一:JavaScript會先嘗試用app開啟,一秒後會自己連到網頁
問題二:初學者沒方向,可以先問看看 Claude ai ,讓他生成網頁。但是,建議還是要有一些基礎,畢竟 ai 偶爾會胡說八道
如果你不想寫程式,可以考慮用類似canva這種工具
我有網頁製作能力,但如上指令有辦法顯示文字嗎?
324056764118977 這是個人臉書的代號,那可以戶網頁嗎?剛剛測試了一下,好像不行,那是不是每頁的臉書都有自己的代號?
我有網頁製作能力,但如上指令有辦法顯示文字嗎?
你直接依照一般網頁設計,然後把這些貼到header
裡
<meta name="fb:page.id" content="100064697889139">
<meta name="fb:page.name" content="yamworld">
<script>
function osPattern(pattern) {
return new RegExp(pattern, 'i').test(navigator.userAgent) ? true : false;
}
function openFacebook() {
const id = document.querySelector('meta[name="fb:page.id"]').content
const isIOS = osPattern('\\biPhone.*Mobile|\\biPod|\\biPad|AppleCoreMedia')
if (isIOS) {
window.location = 'fb://page/?id=' + id
}
const isAndroid = osPattern('Android');
if (isAndroid) {
window.location = 'fb://page/' + id
}
const name = document.querySelector('meta[name="fb:page.name"]').content
setTimeout(function () {
window.location = 'https://facebook.com/' + name;
}, 1)
}
(function () {
openFacebook()
})();
</script>
請問一下,如上的語法,是粉絲團的代號,那如何臉書某一頁的話,這要如何設定?例如下網址首頁要如何使用
https://www.facebook.com/freedisabled2.0/posts/pfbid0qCKuJiUZG4DoVxJK8keArJMqLu2N2E8cDGGP6inJpxaMeJutDXsB9stYH2y8Gjsil
沒研究
根據這個文件
可能是用 fb://post/頁面id
但是實際如何,我沒試過
大哥,如下語法下的對不對?
a {
margin: auto;
}
svg {
height: 300px;
}
function openFacebook() {
const id = document.querySelector('meta[name="fb:page.id"]').content
const isIOS = osPattern('\\biPhone.*Mobile|\\biPod|\\biPad|AppleCoreMedia')
if (isIOS) {
window.location = 'fb://page/?id=' + id
}
const isAndroid = osPattern('Android');
if (isAndroid) {
window.location = 'fb://page/' + id
}
const name = document.querySelector('meta[name="fb:page.name"]').content
setTimeout(function () {
window.location = 'https://facebook.com/' + name;
}, 1)
}
(function () {
openFacebook()
})();
那如何臉書某一頁的話
我沒找到相關資料,要問看看其他大大有沒有相關訊息。
老師您好:
有找到如下指令,那這的話,如上指令就有需要重新寫過嗎?
< meta property="fb:admins" content="61559621064110"/ >
https://www.facebook.com/freedisabled2.0/posts/pfbid02hmPdzUBjGpwV9gm6Hhd4vZjMtL1pWvxqp4CufuSpF1MRS2PfcQnLH3LqCCeK91ngl
不用,正常來說 fb:xxx 都是給Facebook的爬蟲看的。
我範例的fb:page.id / fb:page.name是我亂建的。
目的只是方便其他人修改時,不用改javascript。
老師您好:
我試過您是供的語法,我還是無法成功,跳出我要的臉書頁面,到底那裡出了問題?
自己寫一個阿,用Cloud function一兩個小時就搞定了吧
現在應該瀏覽器就有內建,你在那個網頁點選右鍵看。