离子显示网页
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 集成以上是关于离子显示网页的主要内容,如果未能解决你的问题,请参考以下文章