啊啊啊!小編前端只是略懂略懂而已,主要還是專注在後端,不能算是大神啦!廖洧杰 才是大神,六角學院是業內都蠻推崇的一間養成機構,大家對前端 CSS 的發展有興趣的記得一定要去聽聽。
小編的這場內容主要對焦在如何實作瀏覽器的 JS library,包括用 iframe 快速開發及更新 library、避免 API 在未授權的狀況之下被濫用、想公開 (expose) 內部數據但不想被外流 (leak)。
這也是小編繼 2014 年在 MOPCON 分享後,過了六年稿件被接受,再次到高雄分享,郭家肉粽我來啦!!!
購票網址:https://mopcon.org/2020/ticket/
#mopcon #javascript #iframe
「iframe css」的推薦目錄:
- 關於iframe css 在 Kewang 的資訊進化論 Facebook 的最佳解答
- 關於iframe css 在 Kewang 的資訊進化論 Facebook 的精選貼文
- 關於iframe css 在 純靠北工程師 Facebook 的精選貼文
- 關於iframe css 在 How to apply CSS to iframe? - html - Stack Overflow 的評價
- 關於iframe css 在 【Day 28】Youtube iframe 影片自動縮放大小- CSS 解決方法 的評價
- 關於iframe css 在 利用CSS 做出響應式的iframe (youtube video) - Eos 易歐思創意 的評價
- 關於iframe css 在 CSS Trick: How to make an embedded iframe responsive? 的評價
- 關於iframe css 在 Change the colours of an iframe when you don't have access ... 的評價
- 關於iframe css 在 CSS object-fit on
- 關於iframe css 在 YouTube Embedded Players and Player Parameters 的評價
- 關於iframe css 在 [HTML] 設定iframe內鑲YouTube影片的寬度為100%,高度自動 ... 的評價
iframe css 在 Kewang 的資訊進化論 Facebook 的精選貼文
Funliday-旅遊規劃 身處武漢肺炎疫情最慘重的觀光業中心,雖然大家都不出去旅遊,但我們也趁著這個時間增強自己的核心功能,小編今天來聊一下其中一個功能的技術議題。
Funliday 有個功能是把外部文章直接顯示在 Funliday 的 App 跟 Web 上,但遇到了一些技術性及著作權的問題,相信應該也有朋友遇到過類似的狀況,今天就來分享一下吧。
在 Funliday App 上的顯示還算好處理,直接用 WebView 呈現就好,但在 Funliday Web 上就很難處理,這邊整理一下技術上可以實作的幾種方式。
1. iframe + original url:最暴力的方式,直接用 iframe 嵌入對方網址,但會有一些問題。像是無法讓 Google 大神爬內容、HTTP 網址無法嵌入、如果有設定 x-frame-options 為 SAMEORIGIN 的話就無法嵌入、CSP 的設定也有可能造成無法嵌入
2. iframe + proxy + funliday url:改善了第 1 種方式,直接在 Funliday server 這裡做 proxy,但還是會有無法讓 Google 大神爬內容以及內容網址如果是相對路徑時的導頁問題 (這應該好解決)
3. 寫爬蟲抓內容:比如 A 站就固定抓
4. remote render:類似 2+3 的方式,就是把要顯示的網頁用 headless chrome render 完之後,再跟原本的內容一起顯示,但畫面應該是會亂掉。
技術面可以的解法都確認了之後,再來就是適法性的問題了,因為 234 會把對方的資料落地到 Funliday 上,所以可能會有著作權的問題。對科技及法律這塊當然要問有研究的 Ant Yi-Feng Tzeng 啦,請教了 ant 之後也得到了一些結論。
234 都會有著作權法的問題,所以基本上是不可行的,但只要著作權人有同意的話,則不在此限。
---
最後 Funliday Web 的實作方式跟 1234 都無關,而是改用類似預覽頁的方式在 Funliday Web 顯示原連結的 og:title 及 og:image,應該會再加上簡單如「以上內容未經重製與改作,來源均援引來源網頁內容」的聲明。
對於技術這部分也不複雜,在後台上稿時先取得原網頁的 og 資料,跟原本的 234 相比簡單太多了 XD
---
有經過 ant 同意,認為這個問題應該蠻多人都會遇到,所以分享給大家看看啦!
#著作權 #iframe #funliday
iframe css 在 純靠北工程師 Facebook 的精選貼文
#純靠北工程師1sk
續 #純靠北工程師1rz
你以為我會不知道有不是+3000的情況?
我當然知道,但我就是知道這80筆商品固定+3000新人也知道才覺得她不應該自己算
(+4000、+5000都可以,這就只是種商業噱頭)
更不用說我給她的JS碼明明就寫著同業價-2000的寫法
也不用說她自己寫的去生成什麼json
交給她管的這些檔案Html、CSS、JS全部都是我寫的
她只做了"天天改...更新價錢"這件事
那個json檔為了能跨域存取我是寫成.js
當初很多人來投履歷,我特地告訴主管要選個會寫程式的人
因為我們部門全部都是網頁設計
現在想想...當初她上機考試時
用iframe而不是用load把head放進網頁裡就應該把她踢掉...
打著後端經驗就同意她進來真是個錯誤的決定...
喔!對了...話說我高中&大學全班同學都是女生
我才不信在座會有人女朋友比我多
📢 匿名發文請至 https://kaobei.engineer/cards/create
🥙 全平台留言 https://kaobei.engineer/cards/show/2324
iframe css 在 【Day 28】Youtube iframe 影片自動縮放大小- CSS 解決方法 的推薦與評價
通常使用Youtube 分享功能嵌入的iframe 原始碼,已經提供固定尺寸,若是拿掉寬度與高度又會跑版,這時候就需要修改CSS,來達到影片的RWD(響應式) 效果。 ... <看更多>
iframe css 在 利用CSS 做出響應式的iframe (youtube video) - Eos 易歐思創意 的推薦與評價
上次介紹了position 中relative 、absolute 幼幼班等級的應用傳送門這次我們要結合iframe 標籤,在網頁中嵌入Youtube 影片並完成響應式的設計。 iframe. ... <看更多>
iframe css 在 How to apply CSS to iframe? - html - Stack Overflow 的推薦與評價
... <看更多>
相關內容