Ios i think working path problem

Gurcan_GUR · February 17, 2022, 12:16pm

Hello,
My app running on Android an web not problem but on ios images scripts and css not working. Screen shots for Android an ios.

i’m using [email protected] i remove old plugins. But same problem continue. What can i do?

config.xml

index.html

My Bag

<!-- Your main view, should have "view-main" class -->
<div class="view view-main ios-edges">
  <!-- Page, data-name contains page name which can be used in callbacks -->
  <div class="page" data-name="home">
    <!-- Top Navbar -->
    <div class="navbar">
      <div class="navbar-inner">
        <div class="left">

        </div>
        <div class="title sliding" id="baglistnavbar"></div>
        <div class="right">
		<a href="settings.html" class="link icon-only external">
            <i class="f7-icons">gear_fill</i>
          </a>
        </div>
      </div>
    </div>

and image link

<img src="images/eng/survival.jpg" width="100%">

kerrydp · February 17, 2022, 8:30pm

Can you provide a screenshot of your file/directory tree.

Gurcan_GUR · February 18, 2022, 5:37am

I edit my post because some part of config.xml was missing in first message.

kerrydp · February 18, 2022, 9:31am

Make sure you close your image tags (with a forward-slash character), eg <img src="path_to_image.jpg />
You haven’t shown us your <head> code within your excerpt, but check your Content Security Policy settings to properly allow images, scripts and CSS. This is a <meta> tag which controls whether your app can load those resources. More information and examples can be found here: default-src Content Security Policy Directive
If in doubt, create a new default Cordova iOS application (the ‘hello world’ template) and take a look at the Content Security Policy it uses to load resources.

Gurcan_GUR · February 18, 2022, 10:09am

My header

and footer part scripts

I did your 3th advice

Gurcan_GUR · February 21, 2022, 8:55am

Hi again.
<img src="path_to_image.jpg />
Unfortunately, the picture is still not visible in this way. The other css problem also persists.

Gurcan_GUR · March 11, 2022, 7:20am

Hi again,
I want to say my problem is solved. I solve this problem on macbook. I found this video for detect errors easily, you can watch too. This video about ionic but you can use;
cordova build ios
cordova emulate ios

with this video i detect my problem is about sqlite. Sqlite is deprecated error affect all program running. I add cordova-sqlite-storage plugin and make some code change.

I have just one problem about top navbar control buttons. My project using Framework7 3.6.3 and some ios devices top navbar behind statusbar and not clickable. What you suggest to me?