回答編集履歴

4

コード文言修正

2018/04/23 02:13

投稿

m.ts10806
m.ts10806

スコア80850

test CHANGED
@@ -68,7 +68,7 @@
68
68
 
69
69
  }else{
70
70
 
71
- msg.innerHTML = "対応";
71
+ msg.innerHTML = "localStorage非対応";
72
72
 
73
73
  }
74
74
 

3

修正

2018/04/23 02:13

投稿

m.ts10806
m.ts10806

スコア80850

test CHANGED
@@ -38,7 +38,7 @@
38
38
 
39
39
  別の角度から確認してみましょう。
40
40
 
41
- ひとまずlocalStorageに固定値を入れてボタンを押したら保存した情報を出力するやつです。
41
+ localStorageに固定値を入れてボタンを押したら保存した情報を出力するものとなっています。
42
42
 
43
43
  ```html
44
44
 

2

ミニマムコード

2018/04/23 02:10

投稿

m.ts10806
m.ts10806

スコア80850

test CHANGED
@@ -29,3 +29,79 @@
29
29
  ※ひとまず私の環境で本来対象のはずですがIE11ではアラートがでました。Chrome(最新)ではアラートは出ず正常動作しました。
30
30
 
31
31
   設定確認してみたのですが、原因は特定できていません。
32
+
33
+
34
+
35
+ # 確認用コード
36
+
37
+
38
+
39
+ 別の角度から確認してみましょう。
40
+
41
+ ひとまずlocalStorageには固定値を入れてボタンを押したら保存した情報を出力するやつです。
42
+
43
+ ```html
44
+
45
+ <body>
46
+
47
+ <p id="msg"></p>
48
+
49
+ <button onclick="clickBtn();">Click</button>
50
+
51
+
52
+
53
+ ```
54
+
55
+
56
+
57
+ ```js
58
+
59
+ var ls = null;
60
+
61
+ (window.onload = function() {
62
+
63
+ var msg = document.getElementById("msg");
64
+
65
+ if(ls_check()){
66
+
67
+ ls.setItem('test','hoge');
68
+
69
+ }else{
70
+
71
+ msg.innerHTML = "未対応";
72
+
73
+ }
74
+
75
+ })();
76
+
77
+ function ls_check(){
78
+
79
+
80
+
81
+ if (!window.localStorage) {
82
+
83
+ return false;
84
+
85
+ }else{
86
+
87
+ ls = localStorage;
88
+
89
+ return true;
90
+
91
+ }
92
+
93
+ }
94
+
95
+ function clickBtn(){
96
+
97
+ if(ls_check()){
98
+
99
+ msg.innerHTML = ls.getItem('test');
100
+
101
+ }
102
+
103
+ }
104
+
105
+
106
+
107
+ ```

1

修正

2018/04/23 02:09

投稿

m.ts10806
m.ts10806

スコア80850

test CHANGED
@@ -11,6 +11,8 @@
11
11
  }
12
12
 
13
13
  ```
14
+
15
+ 非対応は多くないとはいえ、ブラウザ依存の機能にもなるため、「使えない場合」の対応はnoscriptと同じような意味合いでおまじないのように入れておいても良いですね。
14
16
 
15
17
 
16
18