From 8d19f73f7c5770abbe8d6b1d502679e046105669 Mon Sep 17 00:00:00 2001 From: mtsgi Date: Mon, 30 Sep 2019 12:45:08 +0900 Subject: [PATCH] Add Design Mode Switcher on app/browser [0.2.1] --- app/browser/bookmark-add.html | 48 ++++++++------------------------ app/browser/bookmark.html | 41 +++++---------------------- app/browser/browser.js | 13 +++++++++ app/browser/default.html | 16 ++++++----- app/browser/define.json | 2 +- app/browser/newtab.html | 65 ++++++++++++++----------------------------- app/settings/about.html | 2 +- readme.md | 14 ++++++---- system.js | 2 +- 9 files changed, 72 insertions(+), 131 deletions(-) diff --git a/app/browser/bookmark-add.html b/app/browser/bookmark-add.html index c9024d8..f7dbbeb 100644 --- a/app/browser/bookmark-add.html +++ b/app/browser/bookmark-add.html @@ -9,39 +9,12 @@ body { background-color: black; color : white; - margin: 0px; padding: 10px; - font-size: 16px; background: url("bgp.jpg"); text-shadow: 0px 1px 4px rgba(0,0,0,.5); } - header{ - font-size: 20px; - opacity : .8; - padding : 10px; - margin-top : 10px; - } - input{ - outline: 0; - font-size : 20px; - border : 1px solid white; - border-radius : 6px; - padding : 8px; - color : white; - background : rgba(255,255,255,.3); - } - a{ - line-height: 200%; - color : white; - } - #add{ - background: dodgerblue; - color: white; - padding: 11px; - border-radius: 5px; - cursor: pointer; - } + - 戻る -
+ 戻る +

ブックマーク - 追加 -

+ 追加 + ブックマークの編集は設定の「高度な設定」から -
+ \ No newline at end of file diff --git a/app/browser/browser.js b/app/browser/browser.js index 937cc65..fd7ddf8 100644 --- a/app/browser/browser.js +++ b/app/browser/browser.js @@ -44,4 +44,17 @@ function app_browser(_pid){ System.alert("設定しました", "ブラウザをkitの標準ブラウザに設定しました。"); } }); + + $("#winc" + _pid + " #browser-menu-designmode").on("click", function(){ + let _ifr = System.qs(_pid, 'iframe')[0]; + try { + if( _ifr.contentDocument.designMode == "on" ){ + _ifr.contentDocument.designMode = "off"; + } + else _ifr.contentDocument.designMode = "on"; + } catch (error) { + Notification.push('DesignMode切り替えに失敗', error, 'browser'); + } + $("#winc" + _pid +" .browser-menu").hide(); + }); } \ No newline at end of file diff --git a/app/browser/default.html b/app/browser/default.html index 3903a32..8fc643a 100644 --- a/app/browser/default.html +++ b/app/browser/default.html @@ -1,7 +1,8 @@
標準のブラウザに設定されていません - 設定する - 閉じる + 設定する + 閉じる
@@ -9,9 +10,10 @@
- 再読み込み - 新しいウィンドウ - ブックマーク - 標準のブラウザ + 再読み込み + 新しいウィンドウ + ブックマーク + 標準のブラウザ + DesignMode切替
- \ No newline at end of file + diff --git a/app/browser/define.json b/app/browser/define.json index 58b0de7..4b3cd13 100644 --- a/app/browser/define.json +++ b/app/browser/define.json @@ -2,7 +2,7 @@ "id": "browser", "name": "ブラウザ", "icon": "icon.png", - "version": "1.0.4", + "version": "1.1.0", "author": "kit", "support": { diff --git a/app/browser/newtab.html b/app/browser/newtab.html index 9c2ccb9..0552844 100644 --- a/app/browser/newtab.html +++ b/app/browser/newtab.html @@ -9,40 +9,13 @@ body { background-color: black; color : white; - margin: 0px; padding: 10px; - font-size: 16px; text-align: center; background: url("bgp.jpg"); text-shadow: 0px 1px 4px rgba(0,0,0,.5); } - header{ - font-size: 20px; - opacity : .8; - padding : 10px; - margin-top : 30px; - } - input{ - outline: 0; - font-size : 20px; - border : 1px solid white; - border-radius : 6px; - padding : 8px; - color : white; - background : rgba(255,255,255,.3); - } - a{ - line-height: 200%; - color : white; - } - #sb{ - background: dodgerblue; - color: white; - padding: 11px; - border-radius: 5px; - cursor: pointer; - } +