基於瀏覽器的分屏閱讀


製作分屏書籤


首先打開一款瀏覽器,此處以Chrome爲例。

新建一個空頁面
圖1
將新建頁面存爲書籤
在這裏插入圖片描述
在這裏插入圖片描述
進入書籤管理界面,編輯書籤網址
在這裏插入圖片描述
將其替換爲如下代碼,並保存。

javascript:document.write('<HTML><HEAD></HEAD><FRAMESET COLS=\'50%25,*\'><FRAME SRC=' + location.href + '><FRAME SRC=' + location.href + '></FRAMESET></HTML>')

在這裏插入圖片描述


分屏測試


打開預實現分屏的目標頁面,點擊剛剛製作好的分屏書籤
在這裏插入圖片描述


分屏效果


在這裏插入圖片描述


恢復界面


如何恢復原始界面呢,刷新該頁面即可,F5.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章