先介紹一下我的 html 能力…
我接觸 html 大概是國小的時候
當初用 “Kimo奇摩” (現在的Yahoo) 的伺服器來放網站
使用的軟體是微軟的 FrontPage
用來做一些個人、班級貨學校的『介紹網站』
(主要是文字、圖片及超連結所構成的簡單網站)

當時只會上網搜尋一些 html codes 來使我簡陋的網頁更豐富一些
像是打招呼、滑鼠游標特效、跑馬燈或人數紀錄器… 等等
當然看不懂語法,甚至連貼上的位置都是亂貼
(試不成功,就換個位置,最後就能歸納出哪些語法『能用』的位置XD)
然後參數亂改,反正最後的效果有達到就好了…XD

但之後各式各樣blog網站紛紛出現
就沒再自己搞網站了
(連Front Page都在某一版默默消失了還不知道QQ)

直到20年之後,我的html能力仍然沒進步XD

----------正文開始----------

我買了一個可上網監控的溫度感測器
感覺這個裝置還在開發中,不過該有的功能都有了
這樣對我而言已經夠用了!
http://bit.ly/ymdb406a
http://bit.ly/ymdb406b

我想把這個網頁裡面的『即時溫度數據』部分
放到我的 Google 協作平台的網頁上
(Google 協作平台有個可嵌入html的模塊)

但是我在網站中挖出來的 html codes 卻無法做到此效果….
(是根本就無法做到?還是我方法錯誤呢?)

----------我的嘗試----------

我先用 Chrome 瀏覽器,檢視網站原始碼
把這堆看起來是 html 的 codes 複製到協作平台的模塊中
結果什麼東西都沒有XD (殘念)
請幫我抓(找)網頁中的HTML碼

後來我改用 Edge 瀏覽器的『檢查元素』
亂找到其中一個溫度 (temperature) 的地方
右鍵『以HTML方式編輯』,把裡面的 codes 複製到模塊中
竟然就成功顯示跟網頁上一樣的溫度監測圖了!
但是,它就是一張固定的死圖,沒辦法更新數據… (這樣沒意義阿XD)
請幫我抓(找)網頁中的HTML碼

後來我也花了一點小錢
開啟這家公司的『數據轉發』功能
但是才發現必須要有伺服器和編碼能力才能接收它 json 檔的數據…QQ
http://www.lvkedu.com/transmit.html

不知道mobile01的大神們
是否能告訴我應該擷取哪一段 codes
才能抓到我想要的『即時溫度監控數據』呢?

文章關鍵字
michaelchou0806 wrote:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>绿大师</title>
<link rel="stylesheet" href="/lkd/kit/css/green_master.css">
<!-- 基础资源 -->

script src="/lkd/res/js/date-extends.js"></script>

<!-- highchars -->
<!-- -->
script src="/lkd/res/js/highcharts.js?v=1.0"></script>
<!-- -->
<!-- js方法 -->

script src="/lkd/kit/js/green_master.js?v=1.2.7"></script>


</head>


紅色包覆區段,加到頁面裡
這樣下方的標簽 <body> <body/> 段才會知道要去哪呼叫啥東西來顯示

另外

script src="/lkd/res/js/util.js?v=1.2"></script>

這段是資料存在伺服器底下
該網址全段為
http://lvdata.lvkedu.com/lkd/res/js/util.js?v=1.2

改成

script src="http://lvdata.lvkedu.com/lkd/res/js/util.js?v=1.2"></script>

其它紫色區塊按原理更改.....
全段網址自己找


以上應該可行.........................
PS: 因站上 script 顯示有點問題,所以把 < 符耗 未打才能顯示
主要應該是javascript的部分沒有copy到,就跟樓上的大大說的一樣
版大也可以考慮用iframe標籤把整個網頁內嵌進去,我沒有玩過協作平台,你可以試看看
謝謝兩位的回答
我正在嘗試中...

不過我初步複製 Chrome 的原始碼後
把 head 裡面的網址補齊,也加入 body 內容
(就是完整的原始碼,只加了完整網址)
是沒有溫度圖跑出來的
(只有顯示『昨日』『今日』兩個字XD)

另外我發現
Edge 程式碼的 body 展開後的資訊很多
而 Chrome 就只一小段XD
而那段程式碼就是構成溫度圖的程式碼
但是如果直接複製,就是會得到不會更新的死圖
(即使加入上述完整網址的 head)

而我查了一下 iframe 的用法
發現只會插入一個小方塊 (無意義)
上網查了一下 (關鍵字:iframe 協作平台)

一篇2016年的文章寫道
使用 iframe 需要額外開啟功能:
『允許在其他協作平台中嵌入您的協作平台』
但是我一直找不到這個選項QQ
(新版和舊版都翻過,能設定的東西好少...XD)

我再摸索看看好了
謝謝你們的建議! 真的很感謝

michaelchou0806 wrote:
謝謝兩位的回答我正...(恕刪)

我剛剛想了一下,他應該不能挖裡面的code出來放上去,
因為html本身是他們的伺服器丟回來的結果,在server端可能是resuit.php之類的程式,
你如果貼了他的code結果應該是萬年不變的XD
所以你只能嘗試用看看iframe標籤,才能達到你要的效果~
這是我的網站,裡面有iframe的成品
http://iawebcreate.byethost7.com/index.html#
ps:我學這方面知識的時間不長,大概只有兩個月,所以有錯歡迎指正
文章分享
評分
評分
複製連結

今日熱門文章 網友點擊推薦!