离子显示网页

Posted

技术标签:

【中文标题】离子显示网页【英文标题】:Ionic display webpage 【发布时间】:2019-01-29 09:11:00 【问题描述】:

我正在创建一个类似应用程序的社交媒体,我需要在标签中显示我的 facebook 和 twitter 提要页面,我在使用 InAppBrowser 插件时遇到的问题,它将整个网站作为一个页面打开,而不是我需要它在里面用户切换到它时的选项卡。

我的html代码:

<ion-toolbar no-border-bottom>
<ion-segment [(ngModel)]="trendingSection">
  <ion-segment-button value="facebook" (ionSelect)="segmentChanged($event)">
    Facebook
  </ion-segment-button>
  <ion-segment-button value="twitter" (ionSelect)="segmentChanged($event)">
    Twitter
  </ion-segment-button>

.ts 代码:

ionViewDidLoad() 
this.openWebPage();


openWebPage() 
const options: InAppBrowserOptions = 
  zoom: "no"
;

//Opening a URL and returning an InAppBrowserObject
const browser = this.inAppBrowser.create(this.url, "blank", options);

我该怎么办?

【问题讨论】:

【参考方案1】:

inappbrowser 无法实现您的目的,除非重写本机代码。

另外,你不能使用像 iframe 这样的嵌入方式。因为 'facebook' 页面不允许在 iframe 中呈现。

那么,只有一种方法可以让您从 facebook 获取信息。是使用facebook的官方api。请访问this link。您可以获取有关如何使用 facebook api 的信息。此 api 允许您获取您的提要的 数据(通常是 json)。您可以按自己的方式渲染数据。

就 twitter 而言,我认为它类似于 facebook。

【讨论】:

谢谢,我将不得不使用 graph-api 和类似的 twitter 集成

以上是关于离子显示网页的主要内容,如果未能解决你的问题,请参考以下文章

离子/科尔多瓦谷歌地图插件的问题

离子物品怎么不显示?

尽管成功运行了离子资源命令,离子应用程序图标和闪屏仍显示科尔多瓦默认图标

单击每个字段时如何显示和隐藏离子卡?

离子模板内容未显示

离子 |未显示来自 Firebase 的结果