An attractive metal-organic framework (MOF) MIL-101(Cr) material was synthesized at the nanoscale and applied as a sorbent in the porous membrane-protected micro-solid-phase extraction (μ-SPE) device for the pre-concentration of phthalate esters (PAEs) in drinking water samples for the first time. Parameters influencing the extraction efficiency, such as the selection of sorbent materials, pH adjustment, the effect of salt, magnetic-stirring extraction time, the desorption solvent and the desorption time, were investigated. Under the optimum conditions, the limits of detection from gas chromatography-mass spectrometric analysis for PAEs varied from 0.004 to 0.02 μg L(-1). The linear ranges were from 0.1 to 50 μg L(-1) or from 0.2 to 50 μg L(-1) for the analytes with the relative standard deviations fluctuating from 0.8 to 10.9% (n = 5). The enrichment factors (EFs) for the target PAEs were varied from 143 to 187. MIL-101(Cr) exhibited remarkable advantages compared to activated carbon and MIL-100(Fe). On the other hand, the computational method was first used to predict the adsorption of MIL-101(Cr) towards PAEs. The molecular interactions and the free binding energies between MIL-101(Cr) and PAEs were observed and calculated in terms of the molecular modeling method. MIL-101(Cr) showed high potential in the analysis of PAEs at trace levels in drinking water. The computational result was consistent with the detected enrichment factors. The computational modeling accurately predicted the extraction efficiency of MOF-based material towards the target analytes. Therefore, the combination of experimental and computational study provided a new strategy on the trace contaminant analysis.