How optimize web app for mobile ( ext js modern)
We have created test versions of web apps. Development was carried out in the modern extjs framework (6.2.0). So this means that apps must be cross platform. But when the app is used by a mobile phone I am faced with the following things:
- In iOS phones the page does not load (after a couple of seconds there is an error). In Safari and Chrome.
- Extjs objects look bad in different android devices: forms are too big or too small for this display. Page (this app is a single page app) is loaded slowly..
UPD:
IOS 12 safari error message:
A problem occurred with this webpage so it was reloaded.
I get a bad view when I use Xaomi Redmi 4 Note or Huawei P10 on version 7 and 8 of Android accordingly.
Questions
- What config defines Action Sheet size and Action Sheet's font characteristics?
- How to define characteristics of select field menu ( size and layout)?
- What is the reason of app's working wrongly on iOS browsers?
- Some links with suggestions or examples of multiplatform development on extjs
Thanks to all stackoverflow users!
javascript
android extjs web-applications sencha-touch asked Nov 14 '18 at 14:01
Tyomik_mnemonicTyomik_mnemonic
688
add a comment |
We have created test versions of web apps. Development was carried out in the modern extjs framework (6.2.0). So this means that apps must be cross platform. But when the app is used by a mobile phone I am faced with the following things:
- In iOS phones the page does not load (after a couple of seconds there is an error). In Safari and Chrome.
- Extjs objects look bad in different android devices: forms are too big or too small for this display. Page (this app is a single page app) is loaded slowly..
UPD:
IOS 12 safari error message:
A problem occurred with this webpage so it was reloaded.
I get a bad view when I use Xaomi Redmi 4 Note or Huawei P10 on version 7 and 8 of Android accordingly.
Questions
- What config defines Action Sheet size and Action Sheet's font characteristics?
- How to define characteristics of select field menu ( size and layout)?
- What is the reason of app's working wrongly on iOS browsers?
- Some links with suggestions or examples of multiplatform development on extjs
Thanks to all stackoverflow users!
javascript
android extjs web-applications sencha-touch asked Nov 14 '18 at 14:01
Tyomik_mnemonicTyomik_mnemonic
688
If you have errors on iOS than share the error. If you have problem with "different android device" share the name of the device an android version.
– pagep
Nov 14 '18 at 16:06
Thanks for suggest. For ios 12 safari Error Message: A problem occurred with this webpage so it was reloaded. Bad view when i use xaomi redmi 4 note and huawei p 10 on 7 and 8 version of android accordingly
– Tyomik_mnemonic
Nov 15 '18 at 6:52
add a comment |
We have created test versions of web apps. Development was carried out in the modern extjs framework (6.2.0). So this means that apps must be cross platform. But when the app is used by a mobile phone I am faced with the following things:
- In iOS phones the page does not load (after a couple of seconds there is an error). In Safari and Chrome.
- Extjs objects look bad in different android devices: forms are too big or too small for this display. Page (this app is a single page app) is loaded slowly..
UPD:
IOS 12 safari error message:
A problem occurred with this webpage so it was reloaded.
I get a bad view when I use Xaomi Redmi 4 Note or Huawei P10 on version 7 and 8 of Android accordingly.
Questions
- What config defines Action Sheet size and Action Sheet's font characteristics?
- How to define characteristics of select field menu ( size and layout)?
- What is the reason of app's working wrongly on iOS browsers?
- Some links with suggestions or examples of multiplatform development on extjs
Thanks to all stackoverflow users!
javascript
android extjs web-applications sencha-touch asked Nov 14 '18 at 14:01
Tyomik_mnemonicTyomik_mnemonic
688
We have created test versions of web apps. Development was carried out in the modern extjs framework (6.2.0). So this means that apps must be cross platform. But when the app is used by a mobile phone I am faced with the following things:
- In iOS phones the page does not load (after a couple of seconds there is an error). In Safari and Chrome.
- Extjs objects look bad in different android devices: forms are too big or too small for this display. Page (this app is a single page app) is loaded slowly..
UPD:
IOS 12 safari error message:
A problem occurred with this webpage so it was reloaded.
I get a bad view when I use Xaomi Redmi 4 Note or Huawei P10 on version 7 and 8 of Android accordingly.
Questions
- What config defines Action Sheet size and Action Sheet's font characteristics?
- How to define characteristics of select field menu ( size and layout)?
- What is the reason of app's working wrongly on iOS browsers?
- Some links with suggestions or examples of multiplatform development on extjs
Thanks to all stackoverflow users!
javascript
android extjs web-applications sencha-touch javascript
android extjs web-applications sencha-touch asked Nov 14 '18 at 14:01
Tyomik_mnemonicTyomik_mnemonic
688
asked Nov 14 '18 at 14:01
Tyomik_mnemonicTyomik_mnemonic
688
edited Nov 15 '18 at 7:04
Tyomik_mnemonic
asked Nov 14 '18 at 14:01
Tyomik_mnemonicTyomik_mnemonic
688
asked Nov 14 '18 at 14:01
Tyomik_mnemonicTyomik_mnemonic
688
asked Nov 14 '18 at 14:01
Tyomik_mnemonicTyomik_mnemonic
688
688
If you have errors on iOS than share the error. If you have problem with "different android device" share the name of the device an android version.
– pagep
Nov 14 '18 at 16:06
Thanks for suggest. For ios 12 safari Error Message: A problem occurred with this webpage so it was reloaded. Bad view when i use xaomi redmi 4 note and huawei p 10 on 7 and 8 version of android accordingly
– Tyomik_mnemonic
Nov 15 '18 at 6:52
add a comment |
If you have errors on iOS than share the error. If you have problem with "different android device" share the name of the device an android version.
– pagep
Nov 14 '18 at 16:06
Thanks for suggest. For ios 12 safari Error Message: A problem occurred with this webpage so it was reloaded. Bad view when i use xaomi redmi 4 note and huawei p 10 on 7 and 8 version of android accordingly
– Tyomik_mnemonic
Nov 15 '18 at 6:52
If you have errors on iOS than share the error. If you have problem with "different android device" share the name of the device an android version.
– pagep
Nov 14 '18 at 16:06
If you have errors on iOS than share the error. If you have problem with "different android device" share the name of the device an android version.
– pagep
Nov 14 '18 at 16:06
Thanks for suggest. For ios 12 safari Error Message: A problem occurred with this webpage so it was reloaded. Bad view when i use xaomi redmi 4 note and huawei p 10 on 7 and 8 version of android accordingly
– Tyomik_mnemonic
Nov 15 '18 at 6:52
Thanks for suggest. For ios 12 safari Error Message: A problem occurred with this webpage so it was reloaded. Bad view when i use xaomi redmi 4 note and huawei p 10 on 7 and 8 version of android accordingly
– Tyomik_mnemonic
Nov 15 '18 at 6:52
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53302019%2fhow-optimize-web-app-for-mobile-ext-js-modern%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53302019%2fhow-optimize-web-app-for-mobile-ext-js-modern%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
If you have errors on iOS than share the error. If you have problem with "different android device" share the name of the device an android version.
– pagep
Nov 14 '18 at 16:06
Thanks for suggest. For ios 12 safari Error Message: A problem occurred with this webpage so it was reloaded. Bad view when i use xaomi redmi 4 note and huawei p 10 on 7 and 8 version of android accordingly
– Tyomik_mnemonic
Nov 15 '18 at 6:52