# Web Dev URL Dont Load Icons

**URL:** <https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 18, 2024, 3:41pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138 "2024-09-18T15:41:42Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![Francisco\_Ochoa](https://avatars.discourse-cdn.com/v4/letter/f/e495f1/32.png) [@Francisco\_Ochoa](https://forum.inductiveautomation.com/u/Francisco_Ochoa)\
**Post date:** [September 18, 2024, 3:41pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/1 "2024-09-18T15:41:42Z")

</div>

Hi Everyone

I have a issue with a extern URL , the idea is to show in Inline Frame the website but the icons dont show when i open the view.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/0/0071f2734710df64503e3cd01e5a71dd6bbbaf4a.png)

This is from Web Browser

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/c/6cab740d8227aacb8e3406f277fef6bab90b5aa6.png)

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [September 18, 2024, 3:49pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/2 "2024-09-18T15:49:06Z")

</div>

Hello Francisco,

I think is because all the images you use in Ignition Perspective you have to upload them into the Image Management and reference them from there, so the system has them in the gateway and you can see them from aniwhere.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/9/29beb5a8be78c31d424941275668e823eadaef75.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/d/cdcc394b047b6017e193c3e6874fa3d357d4e24b.png)

---

<div class="post-metadata">

**Author:** ![calimero100582](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/calimero100582/32/18630_2.png) [@calimero100582](https://forum.inductiveautomation.com/u/calimero100582)\
**Post date:** [September 18, 2024, 3:51pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/3 "2024-09-18T15:51:51Z")

</div>

In our case it works with We dev

(We are not using Image Management tool to keep everything in the project itself)

---

<div class="post-metadata">

**Author:** ![Francisco\_Ochoa](https://avatars.discourse-cdn.com/v4/letter/f/e495f1/32.png) [@Francisco\_Ochoa](https://forum.inductiveautomation.com/u/Francisco_Ochoa)\
**Post date:** [September 18, 2024, 3:52pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/4 "2024-09-18T15:52:00Z")

</div>

cant i load directly a website from Web Dev?

---

<div class="post-metadata">

**Author:** ![calimero100582](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/calimero100582/32/18630_2.png) [@calimero100582](https://forum.inductiveautomation.com/u/calimero100582)\
**Post date:** [September 18, 2024, 3:53pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/5 "2024-09-18T15:53:01Z")

</div>

Yes you can load html from Web dev

What route are you using for the image?

---

<div class="post-metadata">

**Author:** ![Francisco\_Ochoa](https://avatars.discourse-cdn.com/v4/letter/f/e495f1/32.png) [@Francisco\_Ochoa](https://forum.inductiveautomation.com/u/Francisco_Ochoa)\
**Post date:** [September 18, 2024, 3:54pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/6 "2024-09-18T15:54:50Z")

</div>

this is the url site

> **[42Q | Scalable, Cloud-Based MES Solutions To Manage Manufacturing Operations](https://www.42-q.com/)**
>
> Discover 42Q's innovative solutions, industry expertise, and commitment to empowering manufacturers worldwide. Streamline operations, optimize processes, and achieve success with 42Q's cutting-edge manufacturing solutions.

---

<div class="post-metadata">

**Author:** ![Francisco\_Ochoa](https://avatars.discourse-cdn.com/v4/letter/f/e495f1/32.png) [@Francisco\_Ochoa](https://forum.inductiveautomation.com/u/Francisco_Ochoa)\
**Post date:** [September 18, 2024, 3:55pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/7 "2024-09-18T15:55:46Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/b/1bccc33b03fb04f7874ded12ddc38c47a103d3ee.png)  
when i put the url to src ,its dont show the website

---

<div class="post-metadata">

**Author:** ![calimero100582](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/calimero100582/32/18630_2.png) [@calimero100582](https://forum.inductiveautomation.com/u/calimero100582)\
**Post date:** [September 18, 2024, 4:03pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/8 "2024-09-18T16:03:12Z")

</div>

And the icons are not loading in the browser, or you have different issue?

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [September 18, 2024, 4:08pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/9 "2024-09-18T16:08:55Z")

</div>

What exactly is the role of web dev in all this ?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [September 18, 2024, 4:25pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/10 "2024-09-18T16:25:42Z")

</div>

Note from the [Perspective - Inline Frame | Ignition User Manual](https://docs.inductiveautomation.com/docs/8.1/appendix/components/perspective-components/perspective-display-palette/perspective-inline-frame#description).

> Note that **many websites will not support rendering if they're inside a frame** , such as this component. Website choose to opt in to this via the **x-frame-options HTTP header** , which all browsers support. The [x-frame-options](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options) header is designed to help prevent a class of web security attacks called Clickjacking.

[Emphasis mine.]

---

<div class="post-metadata">

**Author:** ![Francisco\_Ochoa](https://avatars.discourse-cdn.com/v4/letter/f/e495f1/32.png) [@Francisco\_Ochoa](https://forum.inductiveautomation.com/u/Francisco_Ochoa)\
**Post date:** [September 18, 2024, 7:32pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/11 "2024-09-18T19:32:30Z")

</div>

42Q its a system to register data and save it , its run in web browser so i dont want to the operator have to open a web browser because the app will stay on mode Kioske

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [September 18, 2024, 7:34pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/12 "2024-09-18T19:34:18Z")

</div>

That doesn't tell us what you use webdev for though...

---

<div class="post-metadata">

**Author:** ![Francisco\_Ochoa](https://avatars.discourse-cdn.com/v4/letter/f/e495f1/32.png) [@Francisco\_Ochoa](https://forum.inductiveautomation.com/u/Francisco_Ochoa)\
**Post date:** [September 18, 2024, 7:36pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/13 "2024-09-18T19:36:20Z")

</div>

i thought that Web Dev was the best option for do it

---

<div class="post-metadata">

**Author:** ![Francisco\_Ochoa](https://avatars.discourse-cdn.com/v4/letter/f/e495f1/32.png) [@Francisco\_Ochoa](https://forum.inductiveautomation.com/u/Francisco_Ochoa)\
**Post date:** [September 18, 2024, 7:37pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/14 "2024-09-18T19:37:59Z")

</div>

basically i want a Web Browser bro

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [September 18, 2024, 7:56pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/15 "2024-09-18T19:56:48Z")

</div>

I created a view with an iFrame and set `PROPS.src : https://www.42-q.com/`. In the browser the iFrame displays, " **[www.42-q.com](http://www.42-q.com)** refused to connect."

Exploring with the browser's Developer Tools shows that embedding is blocked as I referenced in [Post 10](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/10).

 ![X-Frame-Options](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/0/0083b57cd186a4675d2567833a33ca228cef90c5.png)

If you change the URL to [http://neverssl.com](http://neverssl.com) (a handy test site for non http traffic) the page will display and there is no X-Frame-Options setting in the headers.

---

<div class="post-metadata">

**Author:** ![Francisco\_Ochoa](https://avatars.discourse-cdn.com/v4/letter/f/e495f1/32.png) [@Francisco\_Ochoa](https://forum.inductiveautomation.com/u/Francisco_Ochoa)\
**Post date:** [September 18, 2024, 9:54pm UTC](https://forum.inductiveautomation.com/t/web-dev-url-dont-load-icons/96138/16 "2024-09-18T21:54:30Z")

</div>

yes i was testing this url [http://neverssl.com](http://neverssl.com/) and its work good but the page that i want to navigate doesnt work
